/* CSS Document */ /** * Swiper 4.0.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2017 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 7, 2017 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* CSS Document */ @font-face { font-family: 'Conv_DINCondensedC'; src: url('fonts/DINCondensedC.eot'); src: local('☺'), url('fonts/DINCondensedC.woff') format('woff'), url('fonts/DINCondensedC.ttf') format('truetype'), url('fonts/DINCondensedC.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ImpactLTStd'; src: url('fonts/ImpactLTStd.eot'); src: local('☺'), url('fonts/ImpactLTStd.woff') format('woff'), url('fonts/ImpactLTStd.ttf') format('truetype'), url('fonts/ImpactLTStd.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Acrom'; src: url('fonts/Acrom.eot'); src: local('☺'), url('fonts/Acrom.woff') format('woff'), url('fonts/Acrom.ttf') format('truetype'), url('fonts/Acrom.svg') format('svg'); font-weight: normal; font-style: normal; } /*@font-face {*/ /* font-family: 'HarmonyOS_Sans_SC';*/ /* src: url('fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.eot');*/ /* src: local('☺'), url('fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.woff') format('woff'), url('fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.ttf') format('truetype'), url('fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.svg') format('svg');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-family: 'HarmonyOS_Sans_SC_Bold';*/ /* src: url('fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.eot');*/ /* src: local('☺'), url('fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.woff') format('woff'), url('fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.ttf') format('truetype'), url('fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.svg') format('svg');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ @font-face { font-family: 'OPPOSans_Design2.04'; src: url('fonts/OPPOSans_Design2.04/OPPOSans_Design2.04.eot'); src: local('☺'), url('fonts/OPPOSans_Design2.04/OPPOSans_Design2.04.woff') format('woff'), url('fonts/OPPOSans_Design2.04/OPPOSans_Design2.04.ttf') format('truetype'), url('fonts/OPPOSans_Design2.04/OPPOSans_Design2.04.svg') format('svg'); font-weight: normal; font-style: normal; } /*@font-face { font-family: 'STZHONGS'; src: url('fonts/STZHONGS.eot'); src: local('☺'), url('fonts/STZHONGS.woff') format('woff'), url('fonts/STZHONGS.ttf') format('truetype'), url('fonts/STZHONGS.svg') format('svg'); font-weight: normal; font-style: normal; }*/ body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px; } input, select { font-size: 12px; line-height: 16px; } html, body { -webkit-text-size-adjust: none; font-size: 12px; color: #636363; }/*google浏览器字体兼容*/ body { font-family: 'HarmonyOS_Sans_SC',"微软雅黑", "宋体", Arial, Helvetica, sans-serif; width: 100%; background: #ffffff; } img { border: 0; } ul, li { list-style-type: none; } a { text-decoration: none; color: #222222; outline: none; } a:hover { color: #e40011; text-decoration: none; } a:active { star:expression(this.onFocus=this.blur()); } strong{ color:#333;} .cl { clear: both; } .fl { float: left; } .fr { float: right; } .tc { text-align: center; } .tl { text-align: left; } .tr { text-align: right; } .dis { display: block; } .undis { display: none; } .huangse { color: #eae678 } .yellow { color: #ed6b1e } .green { color: #007b3f } .red { color: #d9b778 } .hui { color: #696868 } .hui2 { color: #929292 } .red2 { color: #ae1202 } .orange { color: #ffb400; } .Dgreen { color: #0e652c; } .hei { color: #000 } .blue { color: #007e40 } .f12 { font-size: 12px } .f14 { font-size: 14px } .f16 { font-size: 16px } .f18 { font-size: 18px } .fb { font-weight: bold } .line30 { line-height: 30px; } .line35 { line-height: 35px; } .border_bottom { border-bottom: 1px #CCCCCC dashed; } DIV.none { DISPLAY: none } .display { display: block } .space { height: 5px; clear: both; _height: 0px; line-height: 5px } .left { float: left } .right { float: right } .container { width: 1200px; margin: 0 auto; } .container2 { width: 1300px; margin: 0 auto; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .margin_bottom30 { margin-bottom: 30px; } /*index start*/ .head{ width:86%; height:auto; margin:0 auto; min-width:1200px;} .logo{ padding:28px 0 0 0;} .headr{ padding-top:0;} .headrt{ width:auto;font-size:14px; color:#333333; line-height:30px; text-align:right; padding-top:25px; padding-left:30px; background:url(../images/z_top_phone.png) no-repeat left 28px;} .headrt span{/*padding-left:24px; background:url(../images/top_phone.jpg) no-repeat left 50%;*/ color:#e60011; font-size:26px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; float:right;} .headrc{ padding-top:0; width:auto; height:auto; text-align:right; margin-right:40px; padding-right:25px;} .headrc ul li{ display:inline-block; line-height:80px; margin-left:55px; position:relative; z-index:999;} .headrc ul li .morediv{ display:flex;} .headrc ul li a.one{ font-size:16px; color:#333333; display:block; height:78px; line-height:78px; border-bottom:2px #fff solid; font-family:'微软雅黑',Arial, Helvetica, sans-serif;} .headrc ul li a.one:hover{ border-bottom:2px #e40011 solid; color:#e40011;} .headrc ul li a.current{ border-bottom:2px #e40011 solid; color:#e40011;} .headrc ul li dl{ display:none; width:140px; height:auto; position:absolute; z-index:9999; top:55px; left:0; background:#f1f1f1;} .headrc ul li dl dd{ width:223px; height:auto;} .headrc ul li dl dd a{ display:block; width:140px; height:46px; line-height:46px; font-size:14px; color:#333333; text-indent:20px; text-align:left;font-family:'微软雅黑',Arial, Helvetica, sans-serif;} .headrc ul li dl dd a:hover{ background:#ea1847; color:#fff;} .headrc ul li:hover a.one{border-bottom:2px #e40011 solid; color:#e40011;} /*.headrc ul li:hover dl{ display:block;}*/ @media (min-width: 1450px) and (max-width:1620px ) { .headrc ul li{ margin-left:30px;} } @media ( max-width:1450px ) { .headrc{margin-right:25px;} .headrc ul li{ margin-left:25px;} } /*下啦导航 开始*/ .navigation-down { position: absolute; top: 80px; left: 0px; width: 100%; z-index: 9999; } .navigation-down .nav-down-menu { width: 100%; margin: 0; position: absolute; top: 0px;background:#f3f3f3;} .navigation-down .nav-down-menu .navigation-down-inner { margin: auto; width: 100%; position: relative; } .menup{ width:100%; height:auto; padding:0; margin:0 auto; border-top:1px #dcdcdc solid;} .menupl{ width:50%; height:auto; background:#f4f4f5; min-height:275px; padding-top:80px;} .menuplc{ width:600px; height:auto;} .menupr_1{ padding-left:15px;} .menupr_2{ padding-left:15px; font-size:24px; color:#333333; margin:18px auto; line-height:28px;} .menupr_2_1{ background:url(../img/menu_1_t_icon2.png) no-repeat left 50%;} .menupr_2_2{ background:url(../img/menu_2_t_icon2.png) no-repeat left 50%;} .menupr_2_3{ background:url(../img/menu_3_t_icon2.png) no-repeat left 50%;} .menupr_2_4{ background:url(../img/menu_4_t_icon2.png) no-repeat left 50%;} .menupr_2_5{ background:url(../img/menu_5_t_icon2.png) no-repeat left 50%;} .menupr_3{ padding-left:15px; font-size:36px; color:#dcdcdd; font-family:Acrom,Arial, Helvetica, sans-serif; letter-spacing:3px; line-height:28px;} .menupr{ width:50%; height:auto; min-height:355px; background:#f4f4fc;} .menuprc{ width:600px; height:auto;} .menuprt{ font-size:18px; color:#333333; line-height:28px;} .menuprc{} .menuplm{ border-left:1px #dcdcdc solid; height:295px; width:209px; padding-left:90px; padding-top:60px;} .menuplm2{ border-left:1px #dcdcdc solid;border-right:1px #dcdcdc solid; height:295px; width:208px; padding-left:90px; padding-top:60px;} .menuprc dl dt{ margin-bottom:20px;} .menuprc dl dt a{ display:block;} .menuprc dl dt a img{ float:left;} .menuprc dl dt a p{ float:left; line-height:46px; font-size:16px; color:#333333; padding-left:16px;} .menuprc dl dt a:hover p{ color:#e40011;} /*.navigation-down .menu-2 dd a, .navigation-down .menu-3 dd a { color: #666;font-size:14px; }*/ /*下啦导航 结束*/ /* banner */ .flexslider { position: relative; height: 480px; overflow: hidden; /*background: url(../images/loading.gif) 50% no-repeat;*/ } .slides { position: relative; z-index: 1; } .slides li { height: 480px; } .slides li a { display: block; width: 1200px; height: 420px; margin: 0 auto; } .flex-control-nav { position: absolute; bottom: 30px; z-index: 100; width: 100%; text-align: center; } .flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 10px; *display:inline;zoom: 1; } .flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 14px; overflow: hidden; background:url(../images/icon.png) no-repeat; cursor: pointer; color: #ffffff; font-size: 0; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .flex-control-nav .flex-active { background:url(../images/icon_over.png) no-repeat; color: #ff0000; } /* Direction Nav */ .flex-direction-nav { *height: 0; display:none;} .flex-direction-nav a { text-decoration: none; display: block; width: 76px; height: 76px; margin: -20px 0 0; position: absolute; top: 50%; z-index:cursor: pointer;z-index: 999; } .flex-direction-nav .flex-prev { left: 130px; background: url(../images/prev.png) no-repeat;transform: scale(1); transition: 0.3s; } .flex-direction-nav .flex-next { right: 130px; background: url(../images/next.png) no-repeat; } /*.flexslider:hover .flex-prev { } .flexslider:hover .flex-next { }*/ .flexslider .flex-next:hover{ background:url(../images/right_pic2.png) no-repeat;opacity: 1;} .flexslider .flex-prev:hover { background:url(../images/left_pic2.png) no-repeat; opacity: 1;} .focusBox1, .focusBox3, .focusBox4, .focusBox5 { position: relative; width:100%; overflow:hidden; } .focusBox1 .next, .focusBox3 .next, .focusBox4 .next, .focusBox5 .next { right: 130px; top: 50%; height: 76px; width: 76px; margin-top: -38px; ; position: absolute; } .focusBox1 .prev, .focusBox3 .prev, .focusBox4 .prev, .focusBox5 .prev { left: 130px; top: 50%; height: 76px; width: 76px; margin-top: -38px; ; position: absolute; } .focusBox3 .next, .focusBox4 .next, .focusBox5 .next { right: -120px; } .focusBox3 .prev, .focusBox4 .prev, .focusBox5 .prev { left: -120px; } .focusBox1 .prev .img2, .focusBox3 .prev .img2, .focusBox5 .prev .img2, .focusBox4 .prev .img2, .focusBox5 .next .img2, .focusBox3 .next .img2, .focusBox4 .next .img2, .focusBox1 .next .img2 { position: absolute; top: 0; left: 0; width: 76px; height: 76px; transform: scale(0); transition: 0.3s; cursor: pointer; } .focusBox1 .prev:hover .img2, .focusBox3 .prev:hover .img2, .focusBox4 .prev:hover .img2, .focusBox5 .prev:hover .img2, .focusBox1 .next:hover .img2, .focusBox4 .next:hover .img2, .focusBox5 .next:hover .img2, .focusBox3 .next:hover .img2 { transform: scale(1); } .banner .bd { position: absolute; bottom: 30px; width: 100%; text-align: center; } .banner .bd ul { display: inline-block; } .banner .bd li { width: 21px; height: 21px; background: url("../images/icon.png") no-repeat; float: left; margin: 0 5px; color: #d9d9c5; font-size: 0; } .banner .bd li.on { background: url("../images/icon_over.png") no-repeat; font-size: 0; } .banner .pic img{display:block; width:100%; height:auto;} .iser{ margin:70px auto 40px auto;} .iserl{ width:418px; height:520px; background:url(../images/i_servcie_img1.jpg) no-repeat; position:relative; z-index:9;overflow:hidden; cursor:pointer;} .iserlbox{padding:130px 30px 0 30px; position:absolute; z-index:999; left:0; top:0; width:358px; height:390px;} .iserlimg{ position:absolute; top:0; left:0;} .iserlt{ padding-top:70px; font-size:26px; font-weight:bolder; color:#fff; background:url(../images/i_service_icon1.png) no-repeat left top;} .iserlc{ padding-top:20px; font-size:13px; color:#fff; } .iserlc a{font-size:13px; color:#fff; line-height:32px;} .iserl .CorebgColour{width:100%;height:100%;z-index: -2;padding: 1px; margin: -1px;background:#e60012;position:absolute;left:0;top:0;transition: all 0.1s linear;-moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;-ms-transition: all 0.1s linear;} .iserl:hover .CorebgColour{ z-index:20;} .corebgovers{width:100%;height:100%;z-index: -1;padding: 1px; margin: -1px;background:#000;position:absolute;left:0;top:0;transition: all 0.1s linear;-moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;-ms-transition: all 0.1s linear;filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;} .iserr{ width:780px; height:auto;} .iserrt{ margin-bottom:2px;} .iserrtl{ width:520px; height:260px; background:url(../images/i_servcie_img2.jpg) no-repeat; position:relative; z-index:9;overflow:hidden;cursor:pointer;} .iserrtlbox{ padding:30px; position:absolute; z-index:999; left:0; top:0; width:460px; height:200px;} .iserrtlimg{ position:absolute; top:0; left:0;} .iserrtlt{ padding-top:70px; font-size:26px; font-weight:bolder; color:#fff; background:url(../images/i_service_icon2.png) no-repeat left top;} .iserrtlc{ padding-top:20px; font-size:13px; color:#fff; } .iserrtlc a{font-size:13px; color:#fff; line-height:32px;} .iserrtl .CorebgColour{width:100%;height:100%;z-index: -2;padding: 1px; margin: -1px;background:#e60012;position:absolute;left:0;top:0;transition: all 0.1s linear;-moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;-ms-transition: all 0.1s linear;} .iserrtl:hover .CorebgColour{ z-index:20;} .iserrtr{ width:258px; height:260px; background:url(../images/i_servcie_img3.jpg) no-repeat;position:relative; z-index:9;overflow:hidden;cursor:pointer;} .iserrtrbox{padding:30px; position:absolute; z-index:999; left:0; top:0; width:198px; height:200px;} .iserrtrimg{ position:absolute; top:0; left:0;} .iserrtrt{ padding-top:70px; font-size:26px; font-weight:bolder; color:#fff; background:url(../images/i_service_icon3.png) no-repeat left top;} .iserrtrc{ padding-top:20px; font-size:13px; color:#fff; } .iserrtrc a{font-size:13px; color:#fff; line-height:32px;} .iserrtr .CorebgColour{width:100%;height:100%;z-index: -2;padding: 1px; margin: -1px;background:#e60012;position:absolute;left:0;top:0;transition: all 0.1s linear;-moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;-ms-transition: all 0.1s linear;} .iserrtr:hover .CorebgColour{ z-index:20;} .iserrc{} .iserrcl{ width:258px; height:258px; background:url(../images/i_servcie_img4.jpg) no-repeat;position:relative; z-index:9;overflow:hidden;cursor:pointer;} .iserrclbox{padding:30px; position:absolute; z-index:999; left:0; top:0; width:198px; height:198px;} .iserrclimg{ position:absolute; top:0; left:0;} .iserrclt{ padding-top:70px; font-size:26px; font-weight:bolder; color:#fff; background:url(../images/i_service_icon4.png) no-repeat left top;} .iserrclc{ padding-top:20px; font-size:13px; color:#fff; } .iserrclc a{font-size:13px; color:#fff; line-height:32px;} .iserrcl .CorebgColour{width:100%;height:100%;z-index: -2;padding: 1px; margin: -1px;background:#e60012;position:absolute;left:0;top:0;transition: all 0.1s linear;-moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;-ms-transition: all 0.1s linear;} .iserrcl:hover .CorebgColour{ z-index:20;} .iserrcr{ width:520px; height:258px; background:url(../images/i_servcie_img5.jpg) no-repeat;position:relative; z-index:9;overflow:hidden;} .iserrcrbox{padding:30px; position:absolute; z-index:999; left:0; top:0; width:460px; height:198px;} .iserrcrimg{ position:absolute; top:0; left:0;} .iserrcrt{ padding-top:70px; font-size:26px; font-weight:bolder; color:#fff; background:url(../images/i_service_icon5.png) no-repeat left top;} .iserrcrc{ padding-top:20px; font-size:13px; color:#fff; } .iserrcrc a{font-size:13px; color:#fff; line-height:32px;} .iserrcr .CorebgColour{width:100%;height:100%;z-index: -2;padding: 1px; margin: -1px;background:#e60012;position:absolute;left:0;top:0;transition: all 0.1s linear;-moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;-ms-transition: all 0.1s linear;} .iserrcr:hover .CorebgColour{ z-index:20;} .iser a:hover{ /*opacity:0.7;filter:alpha(opacity=70);*/ text-decoration:underline;} .icase{ margin:40px auto 50px auto;} .icaset{ padding-bottom:26px; background:url(../images/i_tt_bg.jpg) no-repeat 50% bottom; font-size:36px; color:#222222; text-align:center;} .icasecate{ padding:30px 0; text-align:center;} .icasecate a{ display:inline-block; width:122px; height:34px; border:1px #cacaca solid; text-align:center; line-height:34px; font-size:14px; color:#333333; margin-right:19px;-webkit-border-radius: 34px;-moz-border-radius: 34px;border-radius: 34px;} .icasecate a:hover{ background:#e40011; color:#fff; border:1px #e40011 solid;} .icasecate a.icasecatecurr{ background:#e40011; color:#fff; border:1px #e40011 solid;} .icasecate a:last-child{ margin-right:0;} .icasec{} .icasec ul li{ width:380px; height:auto; float:left; margin:0 25px 0 0 ;} .icasec ul li a{ display:block;} .icasec_img{ width:380px; height:220px; overflow:hidden; position:relative;} .icasec_img img{ -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .icasecc{ padding:15px 0; text-align:center;} .icasecc_t{ font-size:18px; color:#222222;} .icasecc_info{ font-size:14px; color:#666666; padding:12px 0 5px 0;} .icasec ul li a:hover{ background:#ea1847; color:#fff;} .icasec ul li a:hover .icasecc_t{ color:#fff;} .icasec ul li a:hover .icasecc_info{ color:#fff;} .icasec ul li .icasec_over{ width:380px; height:50px; position:absolute; z-index:99; background:url(../images/icasec_over.png) repeat; text-align:center; line-height:50px; color:#fff; font-size:14px; top:220px; left:0;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .icase_more{ display:block; width:180px; height:45px; line-height:45px; text-align:center; color:#fff; background:#e40011; font-size:14px;-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px; margin:30px auto 0 auto;} .icase_more:hover{ background:#b20a17; color:#fff;} .icasec ul li a:hover .icasec_over{ top:170px;} .icasec ul li a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .ixinr{ width:100%; height:500px;font-size:16px; color:#fff; position:relative;} .ixinr .imgBg{width:100%;height:500px;background-image:url(../image/z_ind_time_bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center center;position:absolute;top:0;left:0;z-index:-1} .ixinr .container{ padding-top:100px;} .ixinrc{ text-align:center; padding-top:170px; width:90%; height:auto; margin:0 auto; min-width:1200px;} .ixinrc ul li{ display:block; position:relative; z-index:9; float:left; width:25%; height:auto; font-size:18px;} .ixinrct{ font-size:160px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:140px; display:inline-block; padding:0 33px; background:url(../image/z_serv_icon.png) no-repeat right top;} .ixinrct_m{ display:none; position:absolute; z-index:99; width:48px; height:22px; line-height:22px; text-align:center; color:#fff; background:#eb1748;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px; font-size:12px; top:-5px; left:-30px;} .ixinrc_line{ width:65px; height:3px; background:#fff; margin:12px auto 18px auto;} .ixinrc4{ margin-right:0;} .home_story_item_red{ /*font-family:'Acrom',Arial, Helvetica, sans-serif;*/} .iqianyue{ margin:50px auto 80px auto;} .iqianyuec{ padding-top:30px;} .iqianyuec ul li{ width:375px; height:auto; float:left; margin-right:39px;} .iqianyuec ul li a{ display:block; width:375px; height:auto; border-bottom:2px #e8e8e8 solid; padding-bottom:20px; position:relative;} .iqianyuec_img{ width:375px; height:214px; overflow:hidden;} .iqianyuec ul li a .iqianyuec_img img{-webkit-transition: all ease .3s; transition: all ease .3s} .iqianyuec ul li a:hover .iqianyuec_img img{ -webkit-transform: scale(1.15); transform: scale(1.15); } .iqianyuec_t{ width:100%; height:44px; line-height:44px; font-size:18px; color:#222222;overflow:hidden; margin:8px auto;} .iqianyuec_c{ padding:5px;} .iqianyuec_info{ height:72px; color:#666666; line-height:24px; overflow:hidden;} .iqianyuec_more{ text-align:right; padding-right:8px; color:#666666; border-top:2px #dcdcdc solid; line-height:34px;} .iqianyuec ul li a:hover .iqianyuec_t{ color:#e40311;} .iqianyuec ul li a:hover .iqianyuec_more{ color:#ea1847;} .iqianyuec ul li a:before { content: ''; width: 0px; height: 2px; position: absolute; bottom: -2px; left: 0px; background: #e40311; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; } .iqianyuec ul li a:hover:before { width: 100%; } .picScroll{ position:relative; width:1200px; } .picScroll .prev,.picScroll .next{ display:block; position:absolute; top:145px; left:5px; width:64px; height:64px; } .picScroll .prev{background:url(../images/i_new_prev.png) no-repeat; left:-94px;} .picScroll .next{background:url(../images/i_new_next.png) no-repeat; left:auto; right:-94px; } .picScroll .prev:hover{ background:url(../images/left_pic2.png) no-repeat;} .picScroll .next:hover{ background:url(../images/right_pic2.png) no-repeat;} @media screen and (max-width:1366px){ .ixinrct{ font-size:120px;} .picScroll{width:1008px;margin:0 auto;} .iqianyuec ul li{ width:32.5%; height:auto; float:left; margin:0 10px;} .iqianyuec ul li a{ display:block; width:100%; height:auto;} .iqianyuec ul li .iqianyuec_img{ width:100%; height:100%;} .iqianyuec ul li img{ width:100%; height:auto;} .picScroll .prev,.picScroll .next{ top:125px;} .picScroll .prev{background:url(../images/i_new_prev.png) no-repeat; left:-74px;} .picScroll .next{background:url(../images/i_new_next.png) no-repeat; left:auto; right:-114px; } .flex-direction-nav{ display:none;} } .ipartner{ width:100%; height:auto; background:#fff;padding-top:65px;padding-bottom:80px;} .ipartner .container{ padding-top:50px;} .ipartnert{ padding-bottom:26px; background:url(../images/i_partner_tt_bg.jpg) no-repeat 50% bottom; font-size:36px; color:#fff; font-weight:bolder; text-align:center;} .ipartnerc{ margin:45px auto 0 auto; width:100%;} .ipartnerc ul li{ width: calc(14.2% - 1px);width: -moz-calc(14.2% - 1px);width: -webkit-calc(14.2% - 1px); height:90px; float:left; background:#fff; padding:20px 0; text-align:center;} .ipartnerc img{-webkit-transition:.25s all;transition:.25s all; width:80%; display:block; margin:0 auto; height:auto;} .ipartnerc img:hover{-webkit-transform:scale(.9);transform:scale(.9)} .ipartner_more{ display:block; width:180px; height:45px; line-height:45px; text-align:center; color:#eb1748; background:#fff; font-size:14px;-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px; margin:30px auto 0 auto;} .ipartner_more:hover{ background:#e40011; color:#fff;} .inews{/* margin:40px auto 50px auto;*/ background:#eeeeee; padding:40px 0 50px 0;} .inewscate{ padding:30px 0; text-align:center;} .inewscate a{ display:inline-block; width:122px; height:34px; border:1px #cacaca solid; text-align:center; line-height:34px; font-size:14px; color:#333333; margin-right:19px;-webkit-border-radius: 34px;-moz-border-radius: 34px;border-radius: 34px;} .inewscate a:hover{ background:#e40011; color:#fff; border:1px #e40011 solid;} .inewscate a.inewscatecurr{ background:#e40011; color:#fff; border:1px #e40011 solid;} .inewscate a:last-child{ margin-right:0;} .inewsc{ padding-top:20px;} .inewsc ul li{ width:540px; height:auto; float:left; margin:0 100px 30px 0;} .inewsc ul li a{ display:block;} .inewscl{ width:95px; height:95px; background:#a7acb2; color:#fff;-webkit-border-radius: 95px;-moz-border-radius: 95px;border-radius: 95px; text-align:center; font-family:Arial, Helvetica, sans-serif;} .inewscl1{ font-size:48px; padding-top:14px; line-height:48px;} .inewscl2{ font-size:14px; font-size:14px;} .inewscr{ width:420px; height:auto;} .inewscr_t{ font-size:18px; color:#333333; line-height:25px; padding:8px 0;} .inewscr_info{ color:#666666; line-height:24px;} .inewsc ul li a:hover .inewscl{ background:#ea1847;} .inewsc ul li a:hover .inewscr_t{ color:#ea1847;} .foot{ width:100%; height:auto; color:#666666;} .zfoot .container{ padding:50px 0 0 0; width:86%; height:auto; min-width:1200px;color:#a6a6a6;} .footl{ width:22%; height:auto; min-height:276px; text-align:right;} .footl1{ font-size:19px; color:#fff; display:inline-block; padding-bottom:14px; border-bottom:1px #383838 solid;} .footl2{ padding:20px 0; line-height:29px; font-size:42px; color:#e23938; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;} .footl3{ line-height:30px; color:#8d8d8d; padding-top:15px; font-size:15px;} .footl4{ padding-top:18px; width:120px; text-align:center;} .footl4 img{ margin-bottom:8px;} .footr{ height:auto;} /*.footr dl{ width:110px; height:auto; float:left; min-height:376px; margin-right:40px;} .footr dl dt{ font-size:16px; color:#fff; padding-bottom:15px; border-bottom:1px #64676b solid; margin-bottom:15px;} .footr dl dd a{ color:#9c9c9c; line-height:26px;} .footr a:hover{color:#e40011;}*/ .footr .footr_dl{ width:13%; height:auto; float:left; min-height:276px; margin-right:3%;} .footr .footr_dl .footr_dt{ font-size:19px; color:#fff; padding-bottom:15px; border-bottom:1px #383838 solid; margin-bottom:15px;} .footr .footr_dl .footr_dd a{ color:#767676; line-height:30px; font-size:15px;} .footr .footr_dl .footr_dd a:hover{color:#e40011;} .footlink{ width:100%; height:auto; border-bottom:1px #e6e6e6 solid;} .footlink .container{ padding:25px 0 20px 0; width:86%; height:auto; min-width:1200px;} .footlink_t{ border-bottom:1px #e6e6e6 solid; padding:25px 0;} .footlinkt{ font-size:18px; color:#333; position:relative; z-index:9;} .footlinkt p{ padding-right:18px; line-height:30px; position:absolute; z-index:10; right:0px; top:0; font-size:14px; color:#666666; background:url(../image_new/show.jpg) no-repeat right 50%; cursor:pointer;} .footlinkc{ padding-top:10px; color:#333; line-height:30px; display:none;} .footlinkc a{ color:#333; padding-right:20px; font-size:15px;} .footlinkc a:hover{ color:#e40011;} .copyright{ width:100%; line-height:90px; font-size:15px;} .copyright .container{ width:86%; height:auto; min-width:1200px;color:#333;} .copyright a{ color:#333;} .copyright a:hover{color:#e40011;} .online{ width:78px; height:auto; position:fixed; z-index:9999; top:30%; right:0;} .online a{ display:block; width:78px; height:78px; border-bottom:1px #fff solid; font-size:14px;} .online a.online1{ background:url(../image/z_online_icon1.png) no-repeat 50% 15px #d2151a; padding-top:48px; height:30px; color:#fff; line-height:24px; text-align:center;} .online a.online2{ background:url(../image/z_online_icon2.png) no-repeat 50% 15px #d2151a; padding-top:48px; height:30px; color:#fff; line-height:24px; text-align:center;} .online a.online3{ background:url(../image/z_online_icon4.png) no-repeat 50% 15px #d2151a; padding-top:48px; height:30px; color:#fff; line-height:24px; text-align:center; position:relative; z-index:999;} .online3_ewm{ width:120px; height:120px; position:absolute; z-index:9999; top:0; right:78px; display:none;} .online a.online4{background:url(../image/z_online_icon5.png) no-repeat 50% 15px #d2151a; padding-top:45px; height:30px; color:#fff; line-height:24px; text-align:center;position:relative; z-index:999;} .online a.online5{ background:url(../image/z_online_icon3.png) no-repeat 50% 22px #d2151a; padding-top:45px; height:30px; color:#fff; line-height:18px; text-align:center;border-bottom:0;} .nnonline{ width:100%; height:74px; line-height:74px; background:#ed0044; color:#fff; font-size:16px; position:fixed; z-index:99999; bottom:0; left:0;} .nnonline .nnonlinec{ width:800px; height:auto; padding-top:20px; line-height:34px; margin:0 auto;} .nnonlinecm{ display:block; width:156px; height:34px; line-height:34px; text-align:center; background:#ffffff; color:#ed0044; font-size:14px;} /*index end*/ /*服务范围 开始*/ .website1{ width:100%; height:auto; background:#e01d56;} .website1 .container{ padding:80px 0 110px 0; color:#fff; font-size:14px;} .website1l{ width:600px; height:auto; padding-top:40px;} .website1r{ width:540px; height:auto; letter-spacing:1px;} .website1r_t{ font-size:46px; font-weight:bolder;} .website1r_info{ font-size:18px; line-height:48px;} .website1r_c{ font-size:14px; line-height:24px; padding:18px 0 45px 0;} .website1r_m{} .website1r_m a{ display:inline-block; width:128px; height:36px; border:1px #fff solid; text-align:center; line-height:36px; color:#fff; font-size:14px; margin-right:30px;-webkit-border-radius: 36px;-moz-border-radius: 36px;border-radius: 36px;} .website1r_m a:hover{ background:#fff; color:#e40011;} .website2{ width:100%; height:auto; background:#ffffff;} .website2 .container{ padding:80px 0 110px 0; font-size:14px;} .website2l{ width:540px; height:auto;letter-spacing:1px;} .website2r{ width:600px; height:auto; padding-top:40px; text-align:center;} .website2l_t{ font-size:46px; font-weight:bolder; color:#333;} .website2l_info{ font-size:18px; line-height:48px;} .website2l_c{ font-size:14px; line-height:24px; padding:18px 0 45px 0;} .website2l_m{} .website2l_m a{ display:inline-block; width:128px; height:36px; border:1px #999999 solid; text-align:center; line-height:36px; color:#333333; font-size:14px; margin-right:30px;-webkit-border-radius: 36px;-moz-border-radius: 36px;border-radius: 36px;} .website2l_m a:hover{ background:#e40011; color:#fff; border:1px #e40011 solid;} .website3{ width:100%; height:auto; background:#46abf0;} .website3 .container{ padding:80px 0 110px 0; font-size:14px;color:#fff;} .website5{ width:100%; height:auto; background:#fbac32;} .website5 .container{ padding:80px 0 110px 0; font-size:14px;color:#fff;} .website7{ width:100%; height:auto; background:#27c0c0;} .website7 .container{ padding:80px 0 110px 0; font-size:14px;color:#fff;} /*服务范围 结束*/ /*响应式 开始*/ .res_banner{ width:100%; height:auto; /*background:url(../images/responsive_banner.jpg) no-repeat 50% top;*/ overflow:hidden;} .res_banner img{ width:100%; height:auto; display:block;} .rescon{ margin:60px auto 70px auto;} .reswhat{ margin-bottom:65px;} .reswhatt{padding-bottom:26px; background:url(../images/reswhatt_bg.jpg) no-repeat 50% bottom; font-size:36px; color:#222222; font-weight:bolder; text-align:center;} .reswhatinfo{ text-align:center; padding:40px 0 60px 0; font-size:14px; line-height:24px; color:#666666;} .reswhatc{ text-align:center;} .reswhatc ul li{ display:inline-block; margin-right:115px; width:160px; height:80px; padding-top:80px; line-height:50px; text-align:center; color:#fff; font-size:18px;-webkit-border-radius: 160px;-moz-border-radius: 160px;border-radius: 160px;} .reswhatc ul li:last-child{ margin-right:0;} .reswhatc ul li.reswhatc1{ background:url(../images/res_icon1.png) no-repeat 50% 40px #e91946;} .reswhatc ul li.reswhatc2{ background:url(../images/res_icon2.png) no-repeat 50% 40px #4252af;} .reswhatc ul li.reswhatc3{ background:url(../images/res_icon3.png) no-repeat 50% 40px #339f6f;} .reswhyc{ padding-top:50px;} .reswhycr{ width:600px; height:auto; padding-top:30px;} .reswhycr ul li{ margin-bottom:20px;} .reswhycrl{ width:75px; height:75px; line-height:75px; text-align:center; background:#ea1847; font-size:30px; color:#fff; font-family:Arial, Helvetica, sans-serif;} .reswhycrr{ width:510px; height:auto; padding-top:15px; font-size:14px; color:#666666; line-height:24px;} .resyd{ width:100%; height:auto; background:#e1e1e1; padding:55px 0 70px 0;} .resydc{ padding-top:50px;} .resydc ul li{ width:176px; height:76px; float:left; margin-right:80px; padding-top:100px; position:relative; z-index:9;} .resydc ul li .resydc_num{ width:32px; height:51px; position:absolute; z-index:99; background:url(../images/resydc_num.png) no-repeat; padding:12px 0 0 32px; top:0; right:0; color:#fff; font-size:24px; font-family:Arial, Helvetica, sans-serif; line-height:23px;} .resydc ul li.resydc1{ background:url(../images/res_youdian_icon1.png) no-repeat 50% 57px #fff; line-height:55px; color:#666666; font-size:18px; font-weight:bolder; text-align:center;} .resydc ul li.resydc2{ background:url(../images/res_youdian_icon2.png) no-repeat 50% 57px #fff; line-height:55px; color:#666666; font-size:18px; font-weight:bolder; text-align:center;} .resydc ul li.resydc3{ background:url(../images/res_youdian_icon3.png) no-repeat 50% 57px #fff; line-height:55px; color:#666666; font-size:18px; font-weight:bolder; text-align:center;} .resydc ul li.resydc4{ background:url(../images/res_youdian_icon4.png) no-repeat 50% 57px #fff; line-height:55px; color:#666666; font-size:18px; font-weight:bolder; text-align:center;} .resydc ul li.resydc5{ background:url(../images/res_youdian_icon5.png) no-repeat 50% 57px #fff; line-height:55px; color:#666666; font-size:18px; font-weight:bolder; text-align:center;} .resydc ul li:hover .resydc_num{background:url(../images/resydc_num_over.png) no-repeat; color:#ea1847;} .resydc ul li.resydc1:hover{ background:url(../images/res_youdian_icon1_over.png) no-repeat 50% 57px #ea1847; color:#fff;} .resydc ul li.resydc2:hover{ background:url(../images/res_youdian_icon2_over.png) no-repeat 50% 57px #ea1847; color:#fff;} .resydc ul li.resydc3:hover{ background:url(../images/res_youdian_icon3_over.png) no-repeat 50% 57px #ea1847; color:#fff;} .resydc ul li.resydc4:hover{ background:url(../images/res_youdian_icon4_over.png) no-repeat 50% 57px #ea1847; color:#fff;} .resydc ul li.resydc5:hover{ background:url(../images/res_youdian_icon5_over.png) no-repeat 50% 57px #ea1847; color:#fff;} .resvs{ margin:55px auto 70px auto;} .resvsc{ padding-top:50px; text-align:center;} /*响应式 结束*/ /*品牌网站 开始*/ .brandzx{ padding-bottom:70px;} .brandzxc{ padding-top:50px;} .brandzxc ul li{ width:270px; height:auto; float:left; margin-right:40px; color:#fff;} .brandzxc ul li.brandzxc1{ background:#e91946;} .brandzxc ul li.brandzxc2{ background:#4252af;} .brandzxc ul li.brandzxc3{ background:#339f6f;} .brandzxc ul li.brandzxc4{ background:#f59225;} .brandzxcc{ width:210px; height:auto; min-height:190px; padding:15px 30px; line-height:24px; font-size:14px;} .brandzxcc_t{ font-size:25px; line-height:24px; padding-bottom:12px;font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif;} .brandservc{ margin-top:50px; position:relative; z-index:9; font-size:14px; line-height:24px; color:#000000;} .brandservc1{ width:540px; height:auto; position:absolute; z-index:99; top:27px; left:434px;} .brandservc2{ width:540px; height:auto; position:absolute; z-index:99; top:106px; left:504px;} .brandservc3{ width:540px; height:auto; position:absolute; z-index:99; top:180px; left:528px;} .brandservc4{ width:540px; height:auto; position:absolute; z-index:99; top:253px; left:547px;} .brandservc5{ width:620px; height:auto; position:absolute; z-index:99; top:325px; left:528px;} .brandservc6{ width:540px; height:auto; position:absolute; z-index:99; top:405px; left:446px;} /*品牌网站 结束*/ /*企业网站 开始*/ .qiyexq{ padding-top:50px;color:#fff;} .qiyexql{ width:348px; height:300px;} .qiyexqlt{ width:288px; height:80px; margin-bottom:20px; background:#d33977; padding:30px;} .qiyexqltl{ width:55px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:45px; font-weight:bolder;} .qiyexqltr{ width:220px; height:auto; font-size:14px; line-height:24px;} .qiyexqlc{} .qiyexqm{ width:324px; height:200px; padding:100px 70px 0 70px;background:#d33977; margin-left:20px;} .qiyexqml{width:55px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:45px; font-weight:bolder;} .qiyexqmr{width:250px; height:auto; font-size:14px; line-height:24px;} .qiyexqr{ width:348px;height:300px;} .qiyezxc{ padding-top:50px;} .qiyezxc ul li{ width:340px; height:auto; margin-right:90px; float:left;} .qiyezxc ul li .qiyezxc_icon{ width:165px; height:165px;} .qiyezxc ul li .qiyezxc_t{ font-size:24px; line-height:24px; padding:20px 0 25px 0;} .qiyezxc ul li .qiyezxc_info{ font-size:14px; line-height:24px; color:#000000;} .qiyezxc ul li.qiyezxc1 .qiyezxc_icon{ background:url(../images/qiye_icon1.png) no-repeat 50% 50% #e81a45;} .qiyezxc ul li.qiyezxc1 .qiyezxc_t{ color:#e81a45;} .qiyezxc ul li.qiyezxc2 .qiyezxc_icon{ background:url(../images/qiye_icon2.png) no-repeat 50% 50% #4252ad;} .qiyezxc ul li.qiyezxc2 .qiyezxc_t{ color:#4252ad;} .qiyezxc ul li.qiyezxc3 .qiyezxc_icon{ background:url(../images/qiye_icon3.png) no-repeat 50% 50% #319e6f;} .qiyezxc ul li.qiyezxc4 .qiyezxc_t{ color:#319e6f;} /*企业网站 结束*/ /*营销网站 开始*/ .yxcon1{ width:100%; height:351px; background:url(../images/yingxiao_bg1.jpg) no-repeat 50% top #d53673;} .yxcon1 .container{ padding-top:60px;} .yxcon1l{ width:480px; height:auto; padding-left:75px; padding-top:25px;} .yxcon1lt{ font-size:32px; color:#ffd800;} .yxcon1lc{ padding-top:20px; font-size:20px; line-height:38px; color:#fff;} .yxcon1r{ width:625px; height:auto; text-align:center;} .yxcon2{ padding:65px 0 70px 0;} .yxcon2l{ width:625px; height:auto; text-align:center;} .yxcon2r{ width:550px; height:auto; padding-top:45px;} .yxcon2rt{ font-size:32px; color:#ea1847;} .yxcon2rc{ padding-top:20px; font-size:18px; line-height:30px; color:#666666;} .yxcon3{ width:100%; height:auto; background:#2aa7e1;} .yxcon3 .container{ padding:45px 60px;} .yxcon3l{ width:480px; height:auto; padding-left:105px; padding-top:25px;} .yxcon3lt{ font-size:32px; color:#ffd800;} .yxcon3lc{ padding-top:20px; font-size:20px; line-height:38px; color:#fff;} .yxcon3r{ width:615px; height:auto; text-align:center;} .yxcon4{ margin:60px auto 70px auto;} .yxcon4c{ padding-top:40px;} .yxcon4c ul li{ width:220px; height:auto; float:left; margin-right:25px;} .yxcon4c ul li img{ margin:0; padding:0;float:left;} .yxcon4ct{ text-align:center; font-size:36px; padding-bottom:18px;} .yxcon4cc{ padding:55px 20px; font-size:14px; line-height:24px; background:#fde7ec; color:#3b010e; min-height:100px; margin:0;} .yxcon4ct1{ color:#ea1847;} .yxcon4ct2{ color:#4252b1;} .yxcon4ct3{ color:#34a06f;} .yxcon4ct4{ color:#f79321;} .yxcon4ct5{ color:#d33977;} .yxcon4cc1{ background:#fde7ec; color:#3b010e;} .yxcon4cc2{ background:#ecedf7; color:#0e122d;} .yxcon4cc3{ background:#eaf5f0; color:#0b2419;} .yxcon4cc4{ background:#fef4e8; color:#1f1102;} .yxcon4cc5{ background:#fbebf1; color:#2c0b18;} .yxcon5{ padding:60px 0 70px 0; width:100%; height:auto; background:#ebebeb;} .yxcon5info{ padding:40px 0 25px 0; text-align:center; font-size:18px; color:#666666;} .yxcon5c{} .yxcon5c ul li{ width:160px; height:auto; margin-right:100px; float:left; font-size:16px; text-align:center; color:#333333;} .yxcon5c ul li .yxcon5c1{ width:160px; height:160px;-webkit-border-radius: 160px;-moz-border-radius: 160px;border-radius: 160px; background:url(../images/yingxiao_icon1.png) no-repeat 50% 50% #ea1847; margin-bottom:15px;} .yxcon5c ul li .yxcon5c2{ width:160px; height:160px;-webkit-border-radius: 160px;-moz-border-radius: 160px;border-radius: 160px; background:url(../images/yingxiao_icon2.png) no-repeat 50% 50% #4252b1; margin-bottom:15px;} .yxcon5c ul li .yxcon5c3{ width:160px; height:160px;-webkit-border-radius: 160px;-moz-border-radius: 160px;border-radius: 160px; background:url(../images/yingxiao_icon3.png) no-repeat 50% 50% #34a06f; margin-bottom:15px;} .yxcon5c ul li .yxcon5c4{ width:160px; height:160px;-webkit-border-radius: 160px;-moz-border-radius: 160px;border-radius: 160px; background:url(../images/yingxiao_icon4.png) no-repeat 50% 50% #f79321; margin-bottom:15px;} .yxcon5c ul li .yxcon5c5{ width:160px; height:160px;-webkit-border-radius: 160px;-moz-border-radius: 160px;border-radius: 160px; background:url(../images/yingxiao_icon5.png) no-repeat 50% 50% #d33977; margin-bottom:15px;} .messtt{ width:100%; height:57px; background:#d33977; color:#fff; text-align:center; line-height:57px; font-size:20px;} .messconline{ width:100%; border-top:4px #c90f24 solid; background:#ededed; margin:0 auto;} .messcon{ padding:40px 0 80px 0;} .messconl{ width:416px; height:auto; padding-left:120px;} .messconlt{ font-size:24px; color:#333333; line-height:38px;} .messconlinfo{ padding:10px 0 35px 0; font-size:18px; line-height:30px; color:#666666;} .messconlc{} .mess_name{ width:412px; height:50px; border:1px #666666 solid; line-height:50px; background:url(../images/mess_icon1.jpg) no-repeat 16px 50% #fff; text-indent:49px; font-size:14px; color:#333333; margin-bottom:20px; outline:none;} .mess_phone{ width:412px; height:50px; border:1px #666666 solid; line-height:50px; background:url(../images/mess_icon2.jpg) no-repeat 16px 50% #fff; text-indent:49px; font-size:14px; color:#333333; margin-bottom:20px; outline:none;} .mess_qiye{ width:412px; height:50px; border:1px #666666 solid; line-height:50px; background:url(../images/mess_icon3.jpg) no-repeat 16px 50% #fff; text-indent:49px; font-size:14px; color:#333333; margin-bottom:20px; outline:none;} .mess_xuqiu{ width:412px; height:50px; border:1px #666666 solid; line-height:50px; background:url(../images/mess_icon4.jpg) no-repeat 16px 50 #fff; text-indent:49px; font-size:14px; color:#333333; margin-bottom:30px; outline:none;} .mess_xuqiucs{ width:312px; height:130px; border:1px #666666 solid; line-height:38px; background:url(../images/mess_icon4.jpg) no-repeat 16px 13px #fff; padding:4px 50px; font-size:14px; color:#333333; margin-bottom:20px; outline:none;} .mess_submit{ width:250px; height:65px; background:#c90f24; color:#fff; font-size:20px; text-align:center; line-height:65px; border:none; display:block; cursor:pointer;outline:none;} .mess_submit:hover{ background:#a10618;} .messconr{ width:360px; height:auto; padding-right:110px; text-align:center;} .messconrt{font-size:24px; color:#333333; line-height:48px;} .messconrinfo{padding:15px 0 25px 0; text-align:center; font-size:18px; line-height:30px; color:#666666;} .messconrimg{ padding:60px 0 40px 0;} .messconrp{ font-size:52px; color:#c90f24; font-family:Bebas Neue,Arial, Helvetica, sans-serif; letter-spacing:3px; margin-bottom:18px;} .messconrtime{padding:5px 0 0 0; text-align:center; font-size:14px; line-height:30px; color:#666666;} /*营销网站 结束*/ /*网上商城 开始*/ .shopcon{padding:40px 0 60px 0;} .shopcon ul li{ width:200px; height:auto; float:left; margin-right:50px;} .shopcon ul li img{ margin-bottom:25px;} .shopxq{ padding:40px 0; width:100%; height:auto; background:#ebebeb;} .shopxqc{ padding-top:50px;} .shopxqc ul li{ width:460px; height:auto; float:left; padding-left:50px; margin-right:100px; margin-bottom:40px;} .shopxqcl{ width:52px; height:52px; line-height:52px; text-align:center; color:#fff; background:#ea1847; font-size:24px; font-family:Bebas Neue,Arial, Helvetica, sans-serif; float:left;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; margin-top:5px;} .shopxqcr{ width:380px; height:auto; font-size:14px; color:#666666; line-height:24px;} .shopws{ padding-top:50px; padding-bottom:20px;} .shopwsc{ margin-top:50px; border-top:1px #c9c9c9 solid;border-left:1px #c9c9c9 solid; width:1195px;} .shopwsc ul li{ width:238px; height:138px; float:left; border-right:1px #c9c9c9 solid; border-bottom:1px #c9c9c9 solid; text-align: center; font-size:14px; line-height:24px; color:#666666;} .shopwsc_img{ padding-top:30px; height:60px;} /*网上商城 结束*/ /*手机网站 开始*/ .phonec{ padding-top:15px;} .phonecl{ width:756px; height:auto;} .phonecr{ width:405px; height:auto; text-align:left; color:#000000; line-height:26px;} .phone1c{ padding-top:25px; padding-bottom:70px;} .phone1cl{ width:310px; height:261px; background:#d33977; color:#fff; padding:95px 20px 0 20px; font-size:14px; line-height:30px;} .phone2{ width:100%; height:auto; background:#ebebeb;} .phone2 .container{ padding:60px 0 70px 0;} .phone2c{ padding-top:50px;} .phone2c ul li{ width:285px; height:auto; float:left; margin-right:20px; background:#fff; text-align:center; padding-bottom:15px; min-height:360px;} .phone2c ul li .phone2c_t{ font-size:24px; color:#000000; padding:15px 0;} .phone2c ul li .phone2c_info{ font-size:14px; color:#666666; line-height:24px;} .phone3{ padding:60px 0 20px 0;} .phone3c{ padding-top:50px;} .phone3c ul li{ width:390px; height:90px; float:left; margin:0 20px 20px 0; background:#ebebeb;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding:50px 70px 50px 130px;} .phone3cr{ width:280px; height:auto;} .phone3cr_t{ font-size:24px; color:#000000; line-height:32px;} .phone3cr_info{ padding-top:6px; font-size:14px; line-height:24px;} /*手机网站 结束*/ /*APP 开始*/ .appcon{} .appcon ul li{ width:280px; height:auto; float:left; margin-right:25px; text-align:left; color:#fff;} .appconc{ padding:15px; min-height:165px;} .appconc_t{ font-size:24px; padding-bottom:15px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif;} .appcon ul li.appcon1{ background:#ea1847;} .appcon ul li.appcon2{ background:#4253af;} .appcon ul li.appcon3{ background:#339f6e;} .appcon ul li.appcon4{ background:#f49225;} .appys{ width:100%; height:476px; background:url(../images/app_bg2.jpg) no-repeat 50% top;} .appys .container{ padding-top:50px;} .appysc{ padding-top:50px;} .appysc ul li{ width:260px; height:auto; float:left; margin-right:140px; margin-bottom:30px; color:#fff;} .appysc ul li .appyscl{ width:58px; height:auto; margin-top:5px;} .appysc ul li .appyscr{ width:180px; height:auto;} .appyscrt{ font-size:24px;} .appyscrc{ padding-top:8px; font-size:14px; color:#fff; line-height:24px;} .appserv{ padding:55px 0 30px 0;} .appservc{ padding-top:50px;} .appservc ul li{ width:120px; height:auto; float:left; margin:0 150px 25px 0; text-align:center; line-height:30px; font-size:16px; color:#333333;} .appservc ul li img{} .applc{ width:100%; height:auto; background:#ebebeb;} .applc .container{ padding:55px 0 70px 0;} .applcc{ padding-top:50px;} .applcc ul li{ width:200px; height:auto; float:left; margin-right:50px; position:relative; z-index:9;} .applcc_c{ width:200px; height:auto; position:absolute; z-index:99; top:270px; left:0; text-align:center; color:#fff;} .applcc_ct{ font-size:24px;} .applcc_cc{padding-top:8px; font-size:14px; color:#fff; line-height:24px;} .applcc_c2{ top:40px;} /*APP 结束*/ /*整合营销 开始*/ .yingxcl{ width:420px; height:230px; background:#d33977; color:#fff; text-align:left; padding:60px 90px; line-height:30px;} .yingxclt{ padding-left:35px; background:url(../images/yingx_icon1.jpg) no-repeat left 50%; font-size:24px; margin-bottom:22px;font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif;} .yingx1{ padding:60px 0 20px 0;} .yingx1c{ padding-top:50px;} .yingx1c ul li{ width:510px; height:90px; float:left; margin:0 20px 20px 0; background:#ebebeb;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding:50px 40px 50px 40px;} .yingx1cr{ width:410px; height:auto;} .yingx1cr_t{ font-size:24px; color:#000000; line-height:32px;} .yingx1cr_info{ padding-top:6px; font-size:14px; line-height:24px;} .yingx2{ width:100%; height:auto; background:#ebebeb;} .yingx2 .container{ padding:55px 0 70px 0;} .yingx2c{ padding-top:50px; font-size:14px; line-height:24px; color:#666666; text-align:center;} .yingx3{ padding:45px 0;} .yingx3c{ margin-top:50px; position:relative; z-index:9;} .yingx3c_img{ width:281px; height:auto; margin:0 auto;} .yingx3c1{ width:380px; height:auto; position:absolute; z-index:99; top:70px; left:38px; text-align:right;} .yingx3c1_t{ padding-right:40px; font-size:16px; color:#c92b3c; line-height:30px; background:url(../images/yingx_tj_icon1.jpg) no-repeat right 50%;} .yingx3c1_c{ padding-right:40px; padding-top:8px; color:#999999; font-size:14px; line-height:24px;} .yingx3c2{ width:475px; height:auto; position:absolute; z-index:99; top:200px; left:10px;text-align:right;} .yingx3c2_t{ padding-right:40px; font-size:16px; color:#0a73a8; line-height:30px; background:url(../images/yingx_tj_icon2.jpg) no-repeat right 50%;} .yingx3c2_c{ padding-right:40px; padding-top:8px; color:#999999; font-size:14px; line-height:24px;} .yingx3c3{ width:390px; height:auto; position:absolute; z-index:99; top:15px; left:768px;} .yingx3c3_t{ padding-left:40px; font-size:16px; color:#ffbe2e; line-height:30px; background:url(../images/yingx_tj_icon3.jpg) no-repeat left 50%;} .yingx3c3_c{ padding-left:40px; padding-top:8px; color:#999999; font-size:14px; line-height:24px;} .yingx3c4{ width:410px; height:auto; position:absolute; z-index:99; top:145px; left:786px;} .yingx3c4_t{ padding-left:40px; font-size:16px; color:#a40d70; line-height:30px; background:url(../images/yingx_tj_icon4.jpg) no-repeat left 4px;} .yingx3c4_c{ padding-left:40px; padding-top:8px; color:#999999; font-size:14px; line-height:24px;} .yingx3c5{ width:380px; height:auto; position:absolute; z-index:99; top:278px; left:748px;} .yingx3c5_t{ padding-left:40px; font-size:16px; color:#14b9cc; line-height:30px; background:url(../images/yingx_tj_icon5.jpg) no-repeat left 50%;} .yingx3c5_c{ padding-left:40px; padding-top:8px; color:#999999; font-size:14px; line-height:24px;} .yingx4{ padding:30px 0;} .yingx4c{ padding-top:50px;} .yingx4c ul li{ width:400px; height:auto; float:left;} .yingx4c ul li img{ float:left;} .yingx4cc{ width:400px; padding:35px 0; text-align:center; color:#fff; font-size:14px; line-height:24px; height:130px; background:#ea1847;} .yingx4cc_t{ font-size:24px; padding-bottom:15px;} .yingx4cc_c{} /*整合营销 结束*/ /*VI设计 开始*/ .vic{ font-size:18px; color:#333333; line-height:28px; padding-top:40px; text-align:center;} .vicinfo{ padding-top:40px;} .vicinfo ul li{ width:300px; height:auto; text-align:center; float:left;} .vicinfo ul li img{ margin-bottom:13px;} .vicinfo ul li p{ font-size:18px; color:#w333333; line-height:30px;} .vicon1{ width:100%; height:auto; background:#ebebeb;} .vicon1 .container{ padding:55px 0 70px 0;} .vicon1l{ width:675px; height:auto;} .vicon1l_t{ font-size:36px; color:#000000; font-weight:bolder; padding-top:20px;} .vicon1l_c{ padding-top:15px; color:#666666; font-size:14px; line-height:28px;} .vicon1r{ width:486px; height:auto;} .vicon2{ width:100%; height:auto; min-height:400px; background:url(../images/vis_dingyi.jpg) repeat-x top #fff;} .vicon2 .container{ padding-top:26px;} .vicon2r{ width:620px; height:auto;} .vicon2rc{ color:#fff; padding-top:40px; font-size:14px; line-height:28px; text-align:center;} .vicon3{ padding:40px 0 50px 0;} .vicon3_info{ text-align:center; font-size:18px; padding:35px 0; color:#666666;} .vicon3_c{} .vicon3_c ul li{ width:300px; height:auto; float:left; text-align:center;} .vicon3_c ul li img{ border:1px #dddddd solid; margin-bottom:15px;} .vicon3_c1{ font-size:18px; color:#666666; line-height:28px;} .vicon3_c2{ font-size:24px; color:#333333;} .vicon4{ width:100%; height:435px; background:url(../images/vi_pk_bg.jpg) no-repeat 50% top;} .vicon4 .container{ padding-top:70px; color:#fff; font-size:14px; line-height:28px;} .vicon4l{ width:270px; height:auto; padding-left:125px;} .vicon4l_t{ font-size:36px; font-weight:bolder; padding-bottom:35px;} .vicon4l_c{} .vicon4r{ width:520px; height:auto;} .vicon5{ padding:60px 0 50px 0;} .vicon5c{ padding-top:50px;} .vicon5c ul li{ width:250px; height:auto; padding:0 25px; float:left; text-align:center;} .vicon5c ul li img{ margin-bottom:20px;} .vicon5c_t{ font-size:22px; color:#666666; margin-bottom:8px;} .vicon5c_info{ color:#999999; line-height:22px;} .vicon6{ width:100%; height:770px; background:url(../images/vi_shu_bg.jpg) no-repeat 50% top;} .vicon6 .container{ padding-top:40px;} .vicon6t{ color:#fff; font-size:36px; font-weight:bolder; text-align:center;} .vicon6c{ text-align:center; color:#fff; line-height:28px; padding-top:40px;} /*VI设计 结束*/ /*Logo 开始*/ .logo1{ width:100%; height:460px; background:url(../images/logo_bg1.jpg) no-repeat 50% top;} .logo1 .container{ padding-top:135px;} .logo1r{ width:600px; height:auto; color:#fff; font-size:24px; line-height:40px;} .logo1r_t{ font-size:36px; padding-bottom:30px;} .logo2{ padding:55px 0;} .logo2c{ margin-top:40px; position:relative; z-index:9;} .logo2c_img{ padding-top:160px; padding-bottom:140px;} .logo2c1{ width:140px; height:auto; position:absolute; z-index:99; top:0px; left:215px; text-align:center;} .logo2c1 p{ text-align:center; font-size:14px; color:#666666; margin-bottom:12px;} .logo2c1 i{ display:block; width:110px; height:110px; background:url(../images/logo_cz_icon1.png) no-repeat 50% 50% #666666;-webkit-border-radius: 110px;-moz-border-radius: 110px;border-radius: 110px; margin:0 auto;} .logo2c1:hover i{ background:url(../images/logo_cz_icon1.png) no-repeat 50% 50% #d33977;} .logo2c2{ width:110px; height:auto; position:absolute; z-index:99; top:0px; left:440px;} .logo2c2 p{ text-align:center; font-size:14px; color:#666666; margin-bottom:12px;} .logo2c2 i{ display:block; width:110px; height:110px; background:url(../images/logo_cz_icon2.png) no-repeat 50% 50% #666666;-webkit-border-radius: 110px;-moz-border-radius: 110px;border-radius: 110px;} .logo2c2:hover i{ background:url(../images/logo_cz_icon2.png) no-repeat 50% 50% #d33977;} .logo2c3{ width:140px; height:auto; position:absolute; z-index:99; top:0px; left:635px;} .logo2c3 p{ text-align:center; font-size:14px; color:#666666; margin-bottom:12px;} .logo2c3 i{ display:block; width:110px; height:110px; background:url(../images/logo_cz_icon3.png) no-repeat 50% 50% #666666;-webkit-border-radius: 110px;-moz-border-radius: 110px;border-radius: 110px; margin:0 auto;} .logo2c3:hover i{ background:url(../images/logo_cz_icon3.png) no-repeat 50% 50% #d33977;} .logo2c4{ width:140px; height:auto; position:absolute; z-index:99; top:0px; left:845px;} .logo2c4 p{ text-align:center; font-size:14px; color:#666666; margin-bottom:12px;} .logo2c4 i{ display:block; width:110px; height:110px; background:url(../images/logo_cz_icon4.png) no-repeat 50% 50% #666666;-webkit-border-radius: 110px;-moz-border-radius: 110px;border-radius: 110px; margin:0 auto;} .logo2c4:hover i{ background:url(../images/logo_cz_icon4.png) no-repeat 50% 50% #d33977;} .logo2c5{ width:110px; height:auto; position:absolute; z-index:99; top:294px; left:120px;} .logo2c5 p{ text-align:center; font-size:14px; color:#666666; } .logo2c5 i{ display:block; width:110px; height:110px; background:url(../images/logo_cz_icon5.png) no-repeat 50% 50% #666666;-webkit-border-radius: 110px;-moz-border-radius: 110px;border-radius: 110px;margin-bottom:12px;} .logo2c5:hover i{ background:url(../images/logo_cz_icon5.png) no-repeat 50% 50% #d33977;} .logo2c6{ width:110px; height:auto; position:absolute; z-index:99; top:294px; left:335px;} .logo2c6 p{ text-align:center; font-size:14px; color:#666666; } .logo2c6 i{ display:block; width:110px; height:110px; background:url(../images/logo_cz_icon6.png) no-repeat 50% 50% #666666;-webkit-border-radius: 110px;-moz-border-radius: 110px;border-radius: 110px;margin-bottom:12px;} .logo2c6:hover i{ background:url(../images/logo_cz_icon6.png) no-repeat 50% 50% #d33977;} .logo2c7{ width:110px; height:auto; position:absolute; z-index:99; top:294px; left:547px;} .logo2c7 p{ text-align:center; font-size:14px; color:#666666;} .logo2c7 i{ display:block; width:110px; height:110px; background:url(../images/logo_cz_icon7.png) no-repeat 50% 50% #666666;-webkit-border-radius: 110px;-moz-border-radius: 110px;border-radius: 110px; margin-bottom:12px;} .logo2c7:hover i{ background:url(../images/logo_cz_icon7.png) no-repeat 50% 50% #d33977;} .logo2c8{ width:140px; height:auto; position:absolute; z-index:99; top:294px; left:743px;} .logo2c8 p{ text-align:center; font-size:14px; color:#666666; } .logo2c8 i{ display:block; width:110px; height:110px; background:url(../images/logo_cz_icon8.png) no-repeat 50% 50% #666666;-webkit-border-radius: 110px;-moz-border-radius: 110px;border-radius: 110px; margin:0 auto 12px auto;} .logo2c8:hover i{ background:url(../images/logo_cz_icon8.png) no-repeat 50% 50% #d33977;} .logo2c9{ width:110px; height:auto; position:absolute; z-index:99; top:294px; left:968px;} .logo2c9 p{ text-align:center; font-size:14px; color:#666666; } .logo2c9 i{ display:block; width:110px; height:110px; background:url(../images/logo_cz_icon9.png) no-repeat 50% 50% #666666;-webkit-border-radius: 110px;-moz-border-radius: 110px;border-radius: 110px;margin-bottom:12px;} .logo2c9:hover i{ background:url(../images/logo_cz_icon9.png) no-repeat 50% 50% #d33977;} /*Logo 结束*/ /*画册 开始*/ .huacec{ padding-top:60px;} .huacecl{ width:390px; height:auto; padding-left:130px; font-size:18px; color:#5e6160; line-height:38px; padding-top:35px;} .huacecr{} .huace1{ width:100%; height:auto; background:#d33977;} .huace1 .container{ padding:70px 0 60px 0;} .huace1l{ width:430px; text-align:center;} .huace1r{ width:767px; height:auto; padding-top:30px;} .huace1r_t{ font-size:32px; color:#fff102; padding-bottom:25px;} .huace1r_c{ font-size:18px; color:#fff; line-height:38px;} .huace2{ padding:55px 0 70px 0;} .huace2c{ padding-top:50px; text-align:center;} .huace3{ width:100%; height:auto; background:#ebebeb;} .huace3 .container{ padding:55px 0 70px 0;} .huace3_info{ padding:40px 0 20px 0; font-size:18px; color:#666666; line-height:34px; text-align:center;} .huace3c{} .huace3c ul li{ width:280px; height:auto; float:left; margin-right:25px; background:#fff;} .huace3c ul li p{ width:280px; height:70px; line-height:70px; text-align:center; background:#fff; font-size:20px; color:#000000;} .huace4{ padding:70px 0 60px 0; text-align:center; font-size:18px; line-height:34px; color:#666666;} .huace4 img{ margin-bottom:28px;} .huace5{ width:100%; height:435px; background:url(../images/huace_bg2.jpg) no-repeat 50% top;} .huace5 .container{ padding-top:18px;} .huace5l{ width:670px; height:auto; text-align:center;} .huace5r{ width:510px; height:auto; color:#fff; padding-top:80px;} .huace5r_t{ padding-bottom:25px; font-size:24px; line-height:38px; background:url(../images/i_partner_tt_bg.jpg) no-repeat left bottom; margin-bottom:20px;} .huace5r_c{ font-size:18px; line-height:34px;} /*画册 结束*/ /*包装 开始*/ .baozhuangc{ padding:40px 0 90px 0; text-align:center; font-size:18px; line-height:28px; color:#5e6160;} .baozhuang1{ width:100%; height:310px; background:#d33977;} .baozhuang1 .container{} .baozhuang1l{ width:600px; height:310px; position:relative; z-index:9;} .baozhuang1l img{ position:absolute; z-index:99; bottom:0; right:0;} .baozhuang1r{ width:600px; height:auto; padding-top:50px; font-size:18px; line-height:38px; color:#fff; text-align:center;} .baozhuang1r_t{ color:#ffd800; font-size:32px; padding-bottom:20px;} .baozhuang2{ padding:60px 0 20px 0;} .baozhuang2c{ padding-top:40px; text-align:center; font-size:18px; color:#666666; line-height:33px;} /*包装 结束*/ /*关于我们 开始*/ .about_banner{ width:100%; height:280px; background:url(../images/about_banner.jpg) no-repeat 50% top;} .about_banner .nbannert{display: flex;align-items: center;justify-content: center;flex-direction: column;height:280px; color:#fff;} .about_banner .nbannert .tit{ font-size:20px; line-height:45px; margin-bottom:8px;} .about_banner .nbannert .info{ font-size:16px; line-height:25px; max-width:1200px; margin:0 auto; padding:0 20px;} .acate{ padding:50px 0; border-bottom:1px #c2c2c2 solid; text-align:center;} .acate a{ display:inline-block; width:182px; height:44px; border:1px #bbbaba solid; text-align:center; line-height:44px; font-size:14px; color:#666666; margin-right:19px;} .acate a:last-child{ margin-right:0;} .acate a:hover{ background:#e40011; border:1px #e40011 solid; color:#fff;} .acate a.aboutcurr{ background:#e40011; border:1px #e40011 solid; color:#fff;} .aboutcon{ padding:70px 0 90px 0;} .aboutcont{ padding-bottom:100px;} .aboutcontl{ width:506px; height:auto; padding-left:25px;} .aboutcontr{ width:575px; height:auto; padding-right:25px; font-size:14px; color:#333333;} .aboutcontr_t{ padding-top:37px; font-size:36px; font-weight:bolder; color:#333333;} .aboutcontr_info{ color:#333333; font-size:18px; padding:15px 0 12px 0;} .aboutcontr_c{ line-height:28px; padding-top:20px;} .aboutcontr_cover{max-height:300px;overflow-y:auto; padding-right:15px;} .aboutconc{ text-align:center;} .aboutconc ul li{ display:block; position:relative; z-index:9; color:#333333; font-size:16px; width:25%; float:left; border-right:1px #efefef solid;-webkit-box-sizing:border-box;box-sizing:border-box;} .aboutconc ul li:nth-of-type(n+2){ padding-left:80px;} .aboutconc ul li:nth-of-type(4){ border-right:0;} .aboutconct{ font-size:70px; font-family:Arial, Helvetica, sans-serif; color:#e40000;line-height:70px; font-weight:bold;} .aboutconct_m{ position:absolute; z-index:99; width:48px; height:22px; line-height:22px; text-align:center; color:#fff; background:#eb1748;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px; font-size:12px; top:-5px; left:-30px;} .aboutconc4{ margin-right:0;} .aboutfzt{ width:100%; height:280px; background:url(../images/about_bg1.jpg) no-repeat 50% top; text-align:center; color:#fff;} .aboutfzt_t{ padding-top:85px; font-size:36px; font-weight:bolder;} .aboutfzt_c{ font-size:18px; padding-top:25px; line-height:26px;} .aboutfzc{ width:100%; height:486px; background:url(../images/about_lc_bg.jpg) no-repeat 50% 50%;} .aboutfzc .container{ position:relative; z-index:9;} .aboutfzcac{width:222px; height:104px; background:url(../images/about_lc_bg.png) no-repeat; padding:20px 10px; position:absolute; z-index:999;font-size:14px; color:#333333; line-height:24px;display:none;} .aboutfzc2008{ top:52px; left:0px;} .aboutfzc2010{ top:95px; left:130px; } .aboutfzc2012{ top:10px; left:320px;} .aboutfzc2014{ top:66px; left:490px;} .aboutfzc2015{ top:37px; left:790px;} .aboutfzc2016{ top:97px; left:940px;} .aboutfzctime{ cursor:pointer;font-family:Arial, Helvetica, sans-serif; text-align:center;color:#fff; background:#eb1748;} .aboutfzt2008{ width:86px; height:56px; padding-top:30px; -webkit-border-radius: 86px;-moz-border-radius: 86px;border-radius: 86px; position:absolute; z-index:99; top:200px; left:99px;} .aboutfzc_t{ font-size:24px; line-height:18px;} .aboutfzc_c{ font-size:14px; line-height:20px;} .aboutfzt2010{ width:108px; height:68px; padding-top:40px; -webkit-border-radius: 108px;-moz-border-radius: 108px;border-radius: 108px; position:absolute; z-index:99; top:244px; left:210px;} .aboutfzt2010 .aboutfzc_t{ font-size:30px;line-height:24px;} .aboutfzt2010 .aboutfzc_c{ font-size:14px;} .aboutfzt2012{ width:68px; height:48px; padding-top:20px; -webkit-border-radius: 68px;-moz-border-radius: 68px;border-radius: 68px; position:absolute; z-index:99; top:155px; left:422px;} .aboutfzt2012 .aboutfzc_t{ font-size:18px;} .aboutfzt2012 .aboutfzc_c{ font-size:12px;} .aboutfzt2014{ width:108px; height:68px; padding-top:40px;-webkit-border-radius: 108px;-moz-border-radius: 108px;border-radius: 108px; position:absolute; z-index:99; top:214px; left:570px;} .aboutfzt2014 .aboutfzc_t{ font-size:30px;line-height:24px;} .aboutfzt2014 .aboutfzc_c{ font-size:14px;} .aboutfzt2015{ width:86px; height:56px; padding-top:30px;-webkit-border-radius: 108px;-moz-border-radius: 108px;border-radius: 108px; position:absolute; z-index:99; top:185px; left:884px;} .aboutfzt2016{ width:108px; height:68px; padding-top:40px;-webkit-border-radius: 108px;-moz-border-radius: 108px;border-radius: 108px; position:absolute; z-index:99; top:248px; left:1018px;} .aboutfzt2016 .aboutfzc_t{ font-size:30px;line-height:24px;} .aboutfzt2016 .aboutfzc_c{ font-size:14px;} .abouthonor{ width:100%; height:648px; color:#fff; position:relative;} .abouthonor .abouthonor_img{width:100%;height:648px;background-image:url(../images/about_honor_bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center center;position:absolute;top:0;left:0;z-index:-1} .abouthonor .container{ padding-top:60px;} .abouthonort{ text-align:center; font-size:36px; font-weight:bolder;} .abouthonorinfo{ padding:15px 0 0 0; text-align:center; font-size:14px;} .abouthonorc{ padding-top:50px;} .abouthonorc ul li{ width:250px; height:auto; float:left; margin-right:50px;} .picScroll2{ position:relative; width:1200px; } .picScroll2 .prev,.picScroll2 .next{ display:block; position:absolute; top:145px; left:5px; width:64px; height:64px; } .picScroll2 .prev{background:url(../images/prev.png) no-repeat; left:-94px;} .picScroll2 .next{background:url(../images/next.png) no-repeat; left:auto; right:-64px; } .picScroll2 .prev:hover{ background:url(../images/left_pic2.png) no-repeat;} .picScroll2 .next:hover{ background:url(../images/right_pic2.png) no-repeat;} @media screen and (max-width:1366px){ .picScroll2 .prev,.picScroll2 .next{ display:none;} } .aboutpartner{ padding:60px 0;} .aboutpartner_t{ font-size:36px; color:#000000; font-weight:bolder; text-align:center;} .aboutpartner_info{padding:15px 0 0 0; text-align:center; font-size:14px; color:#666666;} .aboutpartner_c{ padding-top:45px;} .aboutpartner_c ul li{ width:223px; height:102px; margin:0 20px 20px 0; float:left;} .aboutpartner_c ul li img{ border:1px #dcdcdc solid;} .aboutpartner_c ul li a:hover img{ border:1px #e40011 solid;} .aboutteamc{ padding-top:40px; padding-bottom:90px;} .aboutteamcl{ width:300px; height:600px;} .aboutteamcm{ width:300px; height:600px;} .aboutteamcr{ width:600px; height:600px;} .aboutteamcrt{ width:600px; height:240px; padding-top:60px; background:#d33977; color:#fff; font-size:16px; line-height:36px; text-align:center;} .aboutteamcrc{ width:600px; height:300px;} /*关于我们 结束*/ /*联系方式 开始*/ .contactc1{ padding:70px 0 100px 0;} .contactc1l{ width:550px; height:auto;} .contactc1l_t{ font-size:30px; color:#333333; padding-bottom:18px; border-bottom:1px #8a8a8a solid; margin-bottom:18px;} .contactc1l_c{ line-height:50px; font-size:14px; color:#333333;} .contactc1l_c p{ padding-left:50px;} .contactc1l_c p.contactc1l_c1{ background:url(../images/contact_icon1.jpg) no-repeat left 8px; line-height:26px;} .contactc1l_c p.contactc1l_c2{ background:url(../images/contact_icon2.jpg) no-repeat left 50%;} .contactc1l_c p.contactc1l_c3{ background:url(../images/contact_icon3.jpg) no-repeat left 50%;} .contactc1l_c p.contactc1l_c4{ background:url(../images/contact_icon4.jpg) no-repeat left 50%;} .contactc1l_c p.contactc1l_c5{ background:url(../images/contact_icon5.jpg) no-repeat left 50%;} .contactc1r{ width:558px; height:auto; border:1px #d1d1d1 solid;} .contactc2{ width:100%; height:auto; border-top:1px #d2d2d2 solid; padding:67px 0 80px 0;} .contactc2l{ width:426px; height:auto;} .contactc2l_t{ font-size:28px; color:#333333; margin-bottom:25px;} .conmes_text{ width:424px; height:36px; border:1px #c9c9c9 solid; margin-bottom:20px; text-indent:20px; font-size:14px; color:#999999; outline:none;} .mess_bh{ width:167px; height:20px; line-height:20px; color:#fff; text-indent:25px; background:url(../images/contact_bh.jpg) no-repeat 10px 50% #58b850; margin-bottom:3px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .conmess_t{ font-size:16px; color:#333333; font-weight:bolder; padding-bottom:10px;} .conmess_c{ margin-bottom:20px;} .conmess_c ul li{width:213px; height:30px; line-height:30px; float:left;} .conmess_yzm{ margin-bottom:10px; line-height:38px;} .conmess_yzm1{font-size:16px; color:#333333; font-weight:bolder;} .conmes_short{width:110px; height:36px; border:1px #c9c9c9 solid; margin-bottom:20px; text-indent:20px; font-size:14px; color:#999999;outline:none;} .conmess_yzm3{ padding:0 10px;} /*Tooltips*/ .tooltips_main{position:absolute;left:0;margin:-5px 0 0 2px;z-index:999;} .tooltips_box,.tooltips,.msg{display:inline-block;*display:inline;*zoom:1;position:relative;border-style:solid;border-color:#FF1F1F;} .tooltips,.msg{border-width:0 1px;*left:-2px;background-color:#FFCFCF;} .tooltips_box{border-width:1px;line-height:1.5;} .tooltips{margin:0 -2px;} .msg{margin:1px -2px;padding:0 6px;color:#2F2C2C;text-shadow:0 1px 0 #FFFFFF;font-size:12px;} .ov{background:url('../images/tri.gif') no-repeat scroll 0 0 transparent;position:absolute;left:30%;overflow:hidden;width:15px;height:15px;margin:16px 0 0 0;display:inline;} .conmess_submit{ width:426px; height:50px; border:none; background:#ea1847; color:#fff; text-align:center; line-height:50px; font-size:18px; cursor:pointer;outline:none;} .conmess_submit:hover{ background:#ae0d31;} .contactc2r{ width:545px; height:auto;} .contactc2r_t{font-size:28px; color:#333333; margin-bottom:25px;} .contactc2r_c{} .con_prev{ display:block; width:545px; height:20px; background:url(../images/mess_prev.jpg) no-repeat 50% 50% #ebebeb;} .con_next{ display:block; width:545px; height:20px; background:url(../images/mess_next.jpg) no-repeat 50% 50% #ebebeb;} .contactc2r_cl{ padding:10px 0;} .contactc2r_cl ul li{ padding:18px 0; border-bottom:1px #cccccc solid;} .contactc2r_cll{ width:60px; height:auto;} .contactc2r_clr{ width:435px; height:auto; line-height:28px; color:#666666;} /* 本例子css */ .picScroll-top{ margin:0 auto; width:545px; overflow:hidden; position:relative;} .picScroll-top .hd{ height:20px;} .picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block; width:545px; height:20px; float:right; overflow:hidden;cursor:pointer;} .picScroll-top .hd .prev{ background:url(../images/mess_prev.jpg) no-repeat 50% 50% #ebebeb; position:absolute; top:0; left:0;} .picScroll-top .hd .next{ background:url(../images/mess_next.jpg) no-repeat 50% 50% #ebebeb;} .picScroll-top .hd .prev:hover{} .picScroll-top .hd .next:hover{} .picScroll-top .bd{ margin-top:25px;} .picScroll-top .bd ul{ overflow:hidden; zoom:1; } .picScroll-top .bd ul li{ zoom:1;} .picScroll-top .bd ul li a{ display:block;} /*联系方式 结束*/ /*新闻中心 开始*/ .newlist{ padding:40px 0 0 0;} .newcate{ padding:40px 0; text-align:center;} .newcate a{ display:inline-block; width:120px; height:32px; border:1px #cacaca solid; line-height:32px; text-align:center; font-size:14px; color:#666666; margin-right:20px;-webkit-border-radius: 32px;-moz-border-radius: 32px;border-radius: 32px;} .newcate a:last-child{ margin-right:0;} .newcate a:hover{ background:#e40011; color:#fff; border:1px #e40011 solid;} .newcate a.newcatecurr{ background:#e40011; color:#fff; border:1px #e40011 solid;} .nnlist{} .nnlist ul li{ width:284px; height:434px; float:left; margin:0 8px 45px 8px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; position:relative; z-index:9;} .nnlist ul li a{ display:block; width:280px; height:430px; border:1px #d9d8d8 solid;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.25);} .nnlistc{ padding:15px;} .nnlist_t{ color:#333333; font-size:17px; line-height:28px;} .nnlist_cate{ padding:10px 0;} .nnlist_cate span{ padding:2px 5px; background:#e91946; color:#fff;} .nnlist_info{ color:#666666; line-height:24px;} .nnlist_time{ padding-top:6px; line-height:25px; color:#666666; position:absolute; z-index:99; bottom:15px; width:254px} .nnlist_timer{ padding-left:27px; background:url(../images/view_bg.jpg) no-repeat left 50%;} .nnlist ul li a:hover{box-shadow:0 0 5px 0 rgba(228, 0, 17, 0.25); border:1px #e40011 solid;} .nnlist ul li a:hover .nnlist_t{ color:#e40011;} .nnlist_cate1 span{ background:#e91946;} .nnlist_cate2 span{ background:#4252af;} .nnlist_cate3 span{ background:#339f6f;} .nnlist_cate4 span{ background:#e91946;} .ndetail{ border:1px #e4e4e4 solid; margin:0 auto 80px auto; padding:40px 30px 50px 30px;} .ndetaill{ width:780px; height:auto; margin:0 0 0 } .ndetaillt{ border-bottom:1px #c4c4c4 solid; padding-bottom:20px;} .ndetailll{ width:560px; height:auto;} .ndetailll_t{ font-size:30px; color:#e40011; padding-bottom:13px;} .ndetailll_time{ color:#666666;} .ndetaillr{ width:auto; padding-top:30px;} .ndetaillc{ padding:30px 0; font-size:14px; line-height:26px; color:#666666;} .ndetaillpage{ padding-top:30px; color:#333333; font-size:14px; line-height:28px;border-top:1px #c4c4c4 solid;} .ndetaillpager{ padding-top:10px;} .ndetaillpager a{ display:block; width:135px; height:35px; line-height:35px; text-align:center; color:#fff; background:#e40011;} .ndetaillpager a:hover{ background:#bd0513;} .ndetailr{ width:300px; height:auto;} .ndetailrt{ padding-bottom:20px;border-bottom:1px #c4c4c4 solid;} .ndetailrt p{ line-height:35px; padding-left:15px; background:url(../images/ndetail_icon.jpg) no-repeat left 50%; font-size:14px; color:#333333;} .ndetailrc{ padding:20px 0 40px 0;} .ndetailrc ul li{ margin-bottom:3px; line-height:30px;} .ndetailrcl{ width:20px; height:20px; background:#e40011; color:#fff; text-align:center; line-height:20px; font-family:Arial, Helvetica, sans-serif;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin-top:5px;} .ndetailrcr{ width:268px; height:auto; line-height:30px;} .ndetailrcr a{ color:#666666;} .ndetailrcr a:hover{ color:#e40011;} /*新闻中心 结束*/ /*精品案例 开始*/ .caselist{ padding-top:70px;} .caselisttlx{ margin-bottom:1px; background:#efefef;} .caselisttlxl{ width:152px; min-height:86px; background:url(../images/caselisttlxl_icon.jpg) no-repeat 28px 50% #e40011; line-height:86px; text-indent:55px; color:#fff; font-size:20px;} .caselisttlxr{ width:990px; height:auto; padding-top:26px;} .caselisttlxr a{ display:inline-block; width:112px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#333333; margin-right:20px;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;} .caselisttlxr a:hover{ background:#e40011; color:#fff;} .caselisttlxr a.caselisttlxrcurr{ background:#e40011; color:#fff;} .caselistthy{background:#efefef;} .caselistthyl{ width:124px; min-height:201px; background:#e40011; padding:30px 0 0 28px;} .caselistthyl p{ padding-left:24px; background:url(../images/caselistthyl_icon.jpg) no-repeat left 50%;color:#fff; font-size:20px;} .caselistthyr{width:990px; height:auto; padding-top:26px;} .caselistthyr a{ display:inline-block; width:134px; height:33px; line-height:33px; text-align:center; font-size:12px; color:#666666; margin-right:15px; border:1px #999999 solid; background:#fff; margin-bottom:10px;} .caselistthyr a:hover{ border:1px #e40011 solid; background:#e40011; color:#fff;} .caselistthyr a.caselistthyrcurr{ border:1px #e40011 solid; background:#e40011; color:#fff;} .caselistc{ padding-top:50px;} .casedetail{ padding:70px 0;} .casedetailt{ padding-bottom:35px;} .casedetailtl{ width:758px; height:auto;} .casedetailtl_t{ font-size:36px; color:#333333;} .casedetailtl_time{ padding:12px 0; font-size:14px; color:#333333; border-bottom:1px #cccccc solid;} .casedetailtl_info{ padding-top:15px; font-size:14px; color:#333333; line-height:28px;} .casedetailtr{ width:166px; height:auto;} .casedetailtr1{ display:block; width:166px; height:42px; background:url(../images/case_detail_icon1.png) no-repeat 37px 50% #999999; color:#fff; font-size:14px; text-indent:66px; line-height:42px;-webkit-border-radius: 42px;-moz-border-radius: 42px;border-radius: 42px; margin-bottom:20px;} .casedetailtr1:hover{background:url(../images/case_detail_icon1.png) no-repeat 37px 50% #e40011; color:#fff;} .casedetailtr2{display:block; width:166px; height:40px; background:url(../images/case_detail_icon2.png) no-repeat 37px 50% #fff; color:#3d3d3d; font-size:14px; text-indent:66px; line-height:40px;-webkit-border-radius: 42px;-moz-border-radius: 42px;border-radius: 42px; border:1px #3d3d3d solid;} .casedetailtr2:hover{background:url(../images/case_detail_icon2_over.png) no-repeat 37px 50% #e40011; color:#fff; border:1px #e40011 solid;} .casedetailc{ padding-bottom:40px; font-size:14px; line-height:28px;} .casedetailc img{ max-width:100%; height:auto; text-align:center; margin-bottom:20px;} .casedetailmore{} .casedetailmoret{ text-align:center; font-size:30px; color:#333333; padding-bottom:30px;} .casedetail_aa{ text-align:center;} .casedetail_aa a{ display:inline-block; width:140px; height:36px; line-height:36px; text-align:center; font-size:14px;} .casedetail_aa1{ border:1px #cccccc solid; color:#666666; margin-right:20px;} .casedetail_aa1:hover{ border:1px #c90f24 solid; color:#fff; background:#c90f24;} .casedetail_aa2{border:1px #cccccc solid; color:#666666;} .casedetail_aa2:hover{ border:1px #c90f24 solid; color:#fff; background:#c90f24;} /*精品案例 结束*/ .pageindex{ line-height:28px; font-size:14px;} /*小程序 开始*/ .xiaocxc{ text-align:center; padding:40px 0; line-height:28px; font-size:18px; color:#666666;} .xiaocxc1{ width:100%; height:472px; background:url(../images/xiaocx_bg1.jpg) no-repeat 50% top;} .xiaocxc1 .container{ padding-top:40px;} .xiaocxc1c{ padding-top:40px; color:#fff;} .xiaocxc1c ul li{ width:320px; height:auto; float:left; margin:0 120px 40px 0; min-height:110px;} .xiaocxc1cl{ width:105px; height:auto; text-align:center; padding-top:6px;} .xiaocxc1cr{ width:210px; height:auto;} .xiaocxc1crt{ font-size:24px;} .xiaocxc1crc{ padding-top:8px; line-height:22px; font-size:14px;} .xiaocxc2{ padding:50px 0 30px 0;} .xiaocxc2c{ padding-top:50px;} .xiaocxc2c ul li{ width:100px; height:auto; float:left; margin:0 57px 35px 0; text-align:center; font-size:16px; color:#333333; line-height:25px;} .xiaocxc2c ul li img{ margin-bottom:5px;} .xiaocxc3{ width:100%; height:auto; background:#ebebeb;} .xiaocxc3 .container{ padding:60px 0;} .xiaocxc3c{ padding-top:40px;} .xiaocxc3c ul li{ width:300px; float:left; height:auto; text-align:center; font-size:16px; color:#666666; line-height:24px;} .xiaocxc3c ul li img{ margin-bottom:12px;} /*小程序 结束*/ /*微信营销 开始*/ .weixincinfo{ padding:40px 0 25px 0; text-align:center; color:#000000; font-size:14px; line-height:24px;} .weixinc{} .weixinc ul li{ width:280px; height:auto; float:left; margin-right:25px; background:#ea1847;} .weixinc ul li.weixinc_c2{ background:#4253af;} .weixinc ul li.weixinc_c3{ background:#339f6e;} .weixinc ul li.weixinc_c4{ background:#f49225;} .weixinc_c{ padding:15px 0 25px 0; text-align:center; color:#fff;} .weixinc_c_t{ font-size:24px;} .weixinc_c_info{ padding-top:10px; line-height:20px;} .weixinc1{ padding:0 0 120px 0;} .weixinc1c{ margin-top:50px; padding-top:30px; position:relative; z-index:9;} .weixinc1cc{ width:270px; height:220px; background:#d33977; color:#fff;-webkit-border-radius: 270px;-moz-border-radius: 270px;border-radius: 270px; margin:0 auto 0 auto; padding-top:50px; text-align:center;} .weixinc1cc_t{ font-size:36px;} .weixinc1cc_c{ font-size:14px; line-height:24px; padding-top:15px;} .weixinc1c_1{ position:absolute; z-index:99; top:0; left:0; padding-right:100px; width:330px; height:auto; min-height:94px; background:url(../images/weixin_fa_img1.jpg) no-repeat right 5px; text-align:right;} .weixinc1c_1_t{ font-size:24px; color:#000000;} .weixinc1c_1_c{ padding-top:8px; line-height:24px; color:#666666; font-size:14px;} .weixinc1c_2{ position:absolute; z-index:99; top:126px; left:0; padding-right:100px; width:330px; height:auto; min-height:94px; background:url(../images/weixin_fa_img2.jpg) no-repeat right 5px; text-align:right;} .weixinc1c_3{ position:absolute; z-index:99; top:253px; left:0; padding-right:100px; width:330px; height:auto; min-height:94px; background:url(../images/weixin_fa_img3.jpg) no-repeat right 5px; text-align:right;} .weixinc1c_4{ position:absolute; z-index:99; top:0; left:775px; padding-left:100px; width:325px; height:auto; min-height:94px; background:url(../images/weixin_fa_img4.jpg) no-repeat left 5px; text-align:left;} .weixinc1c_5{ position:absolute; z-index:99; top:126px; left:810px; padding-left:100px; width:325px; height:auto; min-height:94px; background:url(../images/weixin_fa_img5.jpg) no-repeat left 5px; text-align:left;} .weixinc1c_6{ position:absolute; z-index:99; top:253px; left:775px; padding-left:100px; width:325px; height:auto; min-height:94px; background:url(../images/weixin_fa_img6.jpg) no-repeat left 5px; text-align:left;} .weixinc2{ width:100%; height:auto; background:#d33977;} .weixinc2 .container{ padding:55px 0 60px 0;} .weixinc2c{ padding-top:50px;} .weixinc2c ul li{ width:380px; height:auto; background:#fff; float:left; margin-right:30px; text-align:center; padding-bottom:25px;} .weixinc2c ul li img{ margin-bottom:10px;} .weixinc3{ padding:50px 0;} .weixinc3c{ padding-top:50px;} .weixinc3c ul li{ width:105px; height:auto; float:left; margin-right:51px; text-align:center; font-size:16px; color:#666666; line-height:28px;} .weixinc3c ul li img{ margin-bottom:0;} .weixinc4{ padding:0 0 50px 0;} .weixinc4c{ padding-top:50px;} .weixinc5{ width:100%; height:auto; background:#ebebeb;} .weixinc5 .container{ padding:55px 0 60px 0;} .weixinc5info{ padding:40px 0 25px 0;text-align:center; color:#000000; font-size:14px; line-height:24px;} .weixinc5c{} .weixinc5c ul li{ width:240px; height:auto; text-align:center; float:left; font-size:16px; color:#000000; line-height:28px;} .weixinc5c ul li img{ margin-bottom:6px;} /*微信营销 结束*/ .pageController { width: 100%; margin: 50px auto; line-height: 25px; text-align: center; } .pageController a { display: inline-block; background-color: #ebebeb; border: #ebebeb 1px solid; color: #333; padding: 11px 21px; margin-right: 9px; border-radius:3px; font-size:16px;} .pageController a:hover { background-color: #e60011; color: #FFF; text-decoration: none; border: #e60011 1px solid; } .pageController .case_page_act{ background-color: #e60011; color: #FFF; font-weight: bold; border: #e60011 1px solid; } .query-cover {-webkit-animation: slide-inn .216s;animation: slide-inn .216s;position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=70); display: none; } .query-pop{-webkit-animation: slide-in .216s;animation: slide-in .216s;} .query-pop .tel .input-wrap,.query-pop .tel .btn-wrap { float: left; } .query-pop .tel .input-wrap { width: 188px; height: 39px; /*border-bottom: 1px solid #333;*/ /*margin-right: 10px;*/ } .query-pop .tel .btn-wrap { width: 120px; } .query-pop .tel .input-wrap input {outline: none; border: 0; height: 39px; line-height: 39px; padding: 0; font-size: 20px; } .query-pop .tel,.query-pop .net { padding: 0 40px; margin: 15px 0 30px 0; } .query-pop .btn-wrap a { background: #e60012; border: none; color: #fff; cursor: pointer; display: block; width: 100%; font-size: 18px; height: 40px; line-height: 38px; text-align: center; } .query-pop .btn-wrap .btn-qqstart{margin-top:12px;} .query-pop .tip { padding-bottom: 5px; } .query-pop .close-btn { position: absolute; top: 10px; right: 10px; text-decoration: underline; color: #999; font-size: 12px; width: 25px; height: 25px; text-indent: -100em; overflow: hidden; background: url(../images/pop-closebtn.png) no-repeat center center; } .query-pop { position: fixed; left: 50%; top: 50%; z-index: 20000; width: 400px; height: 285px; padding: 8px; margin-left: -200px; margin-top: -135px; /*background:url(../images/query-pop_bg.png) repeat;*/ display: none;} .query-popc{ width: 400px; height: 270px; background: #fff; padding-top:15px;} .query-pop .tel { overflow: hidden;margin: 15px 0 15px 0; } .query-pop .tel .input-wrap input.phonenum{ border-top:1px #ccc solid; border-bottom:1px #ccc solid; border-left:1px #ccc solid; font-size:14px; color:#333;height: 38px; line-height: 38px;width: 187px; text-indent:5px;} .query_pphone{ color:#e60012; font-size:34px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;} /* css animation */ .trans { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } /* page animation */ .ani-view { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(20px) } 100% { opacity:1; -webkit-transform:translateY(0) } } @-moz-keyframes fadeInDown { 0% { opacity:0; -moz-transform:translateY(20px) } 100% { opacity:1; -moz-transform:translateY(0) } } @-o-keyframes fadeInDown { 0% { opacity:0; -o-transform:translateY(20px) } 100% { opacity:1; -o-transform:translateY(0) } } @keyframes fadeInDown { 0% { opacity:0; transform:translateY(20px) } 100% { opacity:1; transform:translateY(0) } } .ani-view.fade-in-down { opacity: 0; opacity: 1\0/IE9; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -ms-transform: translateY(0)\0/IE9; } .ani-view.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translateX(-100px) } 100% { opacity:1; -webkit-transform:translateX(0) } } @-moz-keyframes fadeInLeft { 0% { opacity:0; -moz-transform:translateX(-100px) } 100% { opacity:1; -moz-transform:translateX(0) } } @-o-keyframes fadeInLeft { 0% { opacity:0; -o-transform:translateX(-100px) } 100% { opacity:1; -o-transform:translateX(0) } } @keyframes fadeInLeft { 0% { opacity:0; transform:translateX(-100px) } 100% { opacity:1; transform:translateX(0) } } .ani-view.fade-in-left { opacity: 0; opacity: 1\0/IE9; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); -ms-transform: translateX(0)\0/IE9; } .ani-view.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translateX(100px) } 100% { opacity:1; -webkit-transform:translateX(0) } } @-moz-keyframes fadeInRight { 0% { opacity:0; -moz-transform:translateX(100px) } 100% { opacity:1; -moz-transform:translateX(0) } } @-ms-keyframes fadeInRight { 0% { opacity:0; -ms-transform:translateX(100px) } 100% { opacity:1; -ms-transform:translateX(0) } } @-o-keyframes fadeInRight { 0% { opacity:0; -o-transform:translateX(100px) } 100% { opacity:1; -o-transform:translateX(0) } } @keyframes fadeInRight { 0% { opacity:0; transform:translateX(100px) } 100% { opacity:1; transform:translateX(0) } } .ani-view.fade-in-right { opacity: 0; opacity: 1\0/IE9; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -ms-transform: translateX(0)\0/IE9; } .ani-view.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } /*首页第2屏载入特效*/ @-webkit-keyframes indCon2fadeInDown { 0% { opacity:0; -webkit-transform:translateY(167px) } 100% { opacity:1; -webkit-transform:translateY(0) } } @-moz-keyframes indCon2fadeInDown { 0% { opacity:0; -moz-transform:translateY(167px) } 100% { opacity:1; -moz-transform:translateY(0) } } @-ms-keyframes indCon2fadeInDown { 0% { opacity:0; -ms-transform:translateY(167px) } 100% { opacity:1; -ms-transform:translateY(0) } } @-o-keyframes indCon2fadeInDown { 0% { opacity:0; -o-transform:translateY(167px) } 100% { opacity:1; -o-transform:translateY(0) } } @keyframes indCon2fadeInDown { 0% { opacity:0; transform:translateY(167px) } 100% { opacity:1; transform:translateY(0) } } .ani-view.indCon2-fade-in-down { opacity: 0; opacity: 1\0/IE9; -webkit-transform: translateY(167px); -moz-transform: translateY(167px); -o-transform: translateY(167px); transform: translateY(167px); -ms-transform: translateY(0)\0/IE9; } .ani-view.indCon2fadeInDown { -webkit-animation-name: indCon2fadeInDown; -moz-animation-name: indCon2fadeInDown; -o-animation-name: indCon2fadeInDown; animation-name: indCon2fadeInDown; } @-webkit-keyframes indCon2fadeInUp { 0% { opacity:0; -webkit-transform:translateY(-167px) } 100% { opacity:1; -webkit-transform:translateY(0) } } @-moz-keyframes indCon2fadeInUp { 0% { opacity:0; -moz-transform:translateY(-167px) } 100% { opacity:1; -moz-transform:translateY(0) } } @-ms-keyframes indCon2fadeInUp { 0% { opacity:0; -ms-transform:translateY(-167px) } 100% { opacity:1; -ms-transform:translateY(0) } } @-o-keyframes indCon2fadeInUp { 0% { opacity:0; -o-transform:translateY(-167px) } 100% { opacity:1; -o-transform:translateY(0) } } @keyframes indCon2fadeInUp { 0% { opacity:0; transform:translateY(-167px) } 100% { opacity:1; transform:translateY(0) } } .ani-view.indCon2-fade-in-up { opacity: 0; opacity: 1\0/IE9; -webkit-transform: translateY(-167px); -moz-transform: translateY(-167px); -o-transform: translateY(-167px); transform: translateY(-167px); -ms-transform: translateY(0)\0/IE9; } .ani-view.indCon2fadeInUp { -webkit-animation-name: indCon2fadeInUp; -moz-animation-name: indCon2fadeInUp; -o-animation-name: indCon2fadeInUp; animation-name: indCon2fadeInUp; } /*add index start*/ .ziser{ margin:60px auto 60px auto;} .ziserl{ width:368px; height:468px; background:#fff; padding:50px 110px; text-align:center;position: relative; border:1px #ccc solid;} .ziserl_1{ color:#333333; font-size:35px;} .ziserl_2{ padding:65px 0 55px 0;} .ziserl_3{} .ziserl_3 ul li{ float:left; width:50%; height:auto; line-height:34px; text-align:left; } .ziserl_3 ul li a{ color:#333333; font-size:16px; position:relative; z-index:99;} .ziserl_3 ul li a:hover{ color:#e40311;} /*.ziserl:before { content: ''; width: 0px; height: 5px; position: absolute; bottom: 0px; left: 0px; background: #e40311; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; } .ziserl:hover:before { width: 100%; }*/ .ziserl:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);} .ziserl:before{content:"";position: absolute;left:0;top:0;border-top:1px solid #e40311;border-left:1px solid #e40311;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;} .ziserl:after{content:"";position: absolute;right:0;bottom:0;border-right:1px solid #e40311;border-bottom:1px solid #e40311;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;} .ziserl:hover:before{width:100%;height:100%;visibility: visible;} .ziserl:hover:after{width:100%;height:100%;visibility: visible;} .ziserr{ width:590px; height:auto;} .ziserr .ziserrlist{ margin-bottom:20px;background:#fff; padding:70px 30px 0 30px; width:528px; height:203px;position: relative;border:1px #ccc solid;} .ziserrl{ width:133px; height:auto;} .ziserrr{ width:375px; height:auto;} .ziserrr_t{ font-size:33px; color:#231815; line-height:32px; padding-bottom:25px;} .ziserrr_c{ width:80%; height:auto;} .ziserrr_c ul li{ float:left; width:50%; height:auto; line-height:34px; text-align:left;} .ziserrr_c ul li a{ color:#333333; font-size:16px;position:relative; z-index:99;} .ziserrr_c ul li a:hover{ color:#e40311;} /*.ziserr .ziserrlist:before { content: ''; width: 0px; height: 5px; position: absolute; bottom: 0px; left: 0px; background: #e40311; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; } .ziserr .ziserrlist:hover:before { width: 100%; }*/ .ziserr .ziserrlist:before{content:"";position: absolute;left:0;top:0;border-top:1px solid #e40311;border-left:1px solid #e40311;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;} .ziserr .ziserrlist:after{content:"";position: absolute;right:0;bottom:0;border-right:1px solid #e40311;border-bottom:1px solid #e40311;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;} .ziserr .ziserrlist:hover:before{width:100%;height:100%;visibility: visible;} .ziserr .ziserrlist:hover:after{width:100%;height:100%;visibility: visible;} .ziserr .ziserrlist:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);} .title{text-align:center;perspective:500px;} .title .h2{font-size:36px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d; color:#333333;} .title .h2 i{transform:rotateY(90deg) translateZ(-90px) scale(0.3);-webkit-transform:rotateY(90deg) translateZ(-90px) scale(0.3);opacity:0;display:inline-block; transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;} .title .h3{font-size:18px;margin-top:10px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d; color:#666666;} .title .h3 i{transform:rotateY(-90deg) translateZ(-90px) scale(0.3);-webkit-transform:rotateY(-90deg) translateZ(-90px) scale(0.3);opacity:0;display:inline-block; transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;} .home2{position:relative;padding:10px 0 60px 0; min-width:1200px;} .home2 .line1{top:0;} .home2 .list{margin-top:50px;/*padding:0 0.5%;*/} .home2 .list .item{width:32%;margin:0 2% 35px 0;position:relative;overflow:hidden;opacity:0;background:none;float:left; transform:translateY(100px);-webkit-transform:translateY(100px); transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .home2 .list .item:nth-child(4n-3){transition-delay:0.4s;-webkit-transition-delay:0.2s;} .home2 .list .item:nth-child(4n-2){transition-delay:0.4s;-webkit-transition-delay:0.0s;} .home2 .list .item:nth-child(4n-1){transition-delay:0.8s;-webkit-transition-delay:0.1s;} .home2 .list .item:nth-child(3n){transition-delay:0.2s;-webkit-transition-delay:0.2s; margin-right:0;} .home2.show .list .item{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;} .item_c{position:relative;overflow:hidden;} .home2 .list .item img{width:100%;height:auto;transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-webkit-transition: all ease .3s; transition: all ease .3s } .home2 .list .item .logo{height:100%;position:absolute;left:0;top:0;width:100%;background-position:center center;background-repeat:no-repeat;} .home2 .list .item .mask{/*background:#e40311;*//* background-color:rgb(0,0,0,0.85);*/position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;filter:alpha(opacity='0'); background:url(../image/mask.png) repeat;transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;} .home2 .list .item .mask .cell{position:absolute;left:0;top:50%;width:100%;height:80px;margin-top:-60px;} .home2 .list .item .mask .h3{font-size:28px;color:#fff;transform:translateY(-20px);-webkit-transform:translateY(-20px);transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;} /*.home2 .list .item .mask p{font-size:16px;color:#fff;margin-top:10px;transform:translateY(20px);-webkit-transform:translateY(20px);transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s; padding-bottom:60px; background:url(../image/z_ind_case_icon.png) no-repeat 50% bottom;} .home2 .list .item .mask p a{margin:0 10px;}*/ .home2 .list .item .mask p{font-size:16px;color:#fff; padding-right:50px; background:url(../image_new/mask_more.png) no-repeat right 50%; width:80px; line-height:30px; position:absolute; top:50%; left:50%; margin-left:-70px; margin-top:-25px;} .home2 .list .item:hover .mask{opacity:1;filter:alpha(opacity='100');} .home2 .list .item:hover .mask .h3{transform:translateY(0px);-webkit-transform:translateY(0px);} /*.home2 .list .item:hover .mask p{transform:translateY(0px);-webkit-transform:translateY(0px);}*/ .home2 .list .item .more{position:absolute;left:0;top:0;width:100%;height:100%;} .home2 .list .item:hover{/*transform:translate(0,-25px);-webkit-transform:translate(0,-25px);-moz-transform:translate(0,-25px);-o-transform:translate(0,-25px);-ms-transform:translate(0,-25px);*/} .home2 .list .item:hover img{-webkit-transform: scale(1.15); transform: scale(1.15); } .home2 .list .item:hover .zcasec_tl{ color:#e70012;} .home2 .button{margin-top:40px;text-align:center;} .home2 .button a{display:inline-block;min-width:250px;height:58px;line-height:58px;border:2px solid #777;font-size:30px;color:#333;margin:0 20px;padding:0 20px; transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;} .home2 .button a:hover{background:#445e9f;color:#fff;border-color:#445e9f;} .home2 .button a h3{display:inline-block;color:inherit;font-size:inherit;} .ixinrt{ padding-bottom:40px;} /*news list*/ .znlist{ margin:55px auto 40px auto;} .znlistl{ width:810px; height:auto;} .zn_ad{ position:relative; z-index:0;} .zn_ad .hd{ height:5px; overflow:hidden; position:absolute; right:32px; bottom:23px; z-index:10; } .zn_ad .hd ul{ zoom:1; text-align:right; width:100%; height:5px;} .zn_ad .hd ul li{ margin-left:10px; width:18px; height:5px; line-height:5px; text-align:center; background:#e3e3e3; cursor:pointer; display:inline-block; } .zn_ad .hd ul li.on{ background:#d2151a; color:#d2151a; } .zn_ad .bd{ position:relative; height:100%; z-index:0; } .zn_ad .bd li{ zoom:1; vertical-align:middle; } .zn_ad .bd img{ width:840px; height:410px; display:block; } .zn_ad .bd ul li{ width:840px; height:410px; float:left;} .zn_ad .bd ul li a{ display:block;width:840px; height:410px; position:relative; z-index:4;} .zn_ad .bd ul li a p{ width:780px; height:62px; position:absolute;z-index:6; padding:80px 30px 0 30px; background:url(../image/z_new_tt_bg.png) no-repeat 50% bottom; color:#fff; left:0; bottom:0; font-size:20px; line-height:62px;} .zncate{ margin:35px auto 20px auto; padding-bottom:40px; border-bottom:1px #cccccc solid;} .zncate a{ display:inline-block; padding:0 18px; line-height:40px; font-size:16px; color:#333333; margin-right:5px; margin-bottom:5px;} .zncate a:hover{ background:#d2151a; color:#fff;} .zncate a.newcatecurr{background:#d2151a; color:#fff;} .znlistc{ padding-bottom:30px;} .znlistc ul li{ padding:30px 0; border-bottom:1px #e3e3e3 solid;} .znlistcl{ width:280px; height:auto;} .znlistcr{ width:488px; height:auto;} .znlistcr_a{ padding-top:5px;} .znlistcr_a a{ font-size:18px; color:#000000; line-height:30px;} .znlistcr_a a:hover{ color:#d2151a;} .znlistcr_b{ margin:10px 0; height:48px; line-height:24px; font-size:14px; color:#666666; overflow:hidden;} .znlistcr_c{ line-height:25px;} .znlistcr_cl{} .znlistcr_cl a{ color:#1075ff; padding-right:12px;} .znlistcr_cl a:hover{ color:#d2151a;} .znlistcr_cr{ margin-top:5px;} .znlistcr_cr_1{ padding-left:20px; background:url(../images/z_list_icon1.jpg) no-repeat left 50%; color:#000000;} .znlistcr_cr_2{ padding-left:25px; background:url(../images/z_list_icon2.jpg) no-repeat left 50%; color:#000000; margin-left:15px;} /*.znlistc ul li:hover .znlistcr_a a{ color:#d2151a;}*/ .znlistr{ width:320px; height:auto;} .znlistr_1,.znlistr_2{ margin-bottom:25px;} .znlistr_1t{ width:100%; height:50px; line-height:50px; text-indent:0; font-size:26px; color:#333333; border-bottom:1px #aaaaaa solid; padding-bottom:10px;} .znlistr_1c{ padding-top:15px;} .znlistr_1c ul li a{ display:block; line-height:36px; height:36px; overflow:hidden; font-size:16px; color:#333333;} .znlistr_1c ul li a:hover{ color:#d2151a;} .znlistr_2c{ margin-top:30px; height:350px; overflow:hidden;} .znlistr_2c a{ display:inline-block; padding:0 15px; margin:0 10px 20px 0; border:1px #d9d9d9 solid; line-height:24px; background:#f7f7fa; color:#333333;} .znlistr_2c a:hover{ background:#d2151a; color:#fff; border:1px #d2151a solid;} .znlistr_2_m{ display:block; margin-top:20px; width:100%; height:28px; line-height:28px; text-align:center; font-size:14px; background:#d9d9d9; color:#333; cursor:pointer;} .znlistr_3c{ padding-top:30px;} .znlistr_3c ul li{ margin-bottom:20px;} .znlistr_3c ul li a{ display:block;} .znlistr_3cl{ width:113px; height:auto;} .znlistr_3cr{ width:195px; height:auto; font-size:14px; color:#000000; line-height:24px; padding-top:8px;} .znlistr_3c ul li a:hover .znlistr_3cr{ color:#d2151a;} .zndetail{} .zndetailt{ font-size:24px; color:#000000;} .zndetaili{ margin:12px 0;} .zndetaildes{ margin:30px auto 20px auto; background:#ededed; padding:20px 15px; color:#666; font-size:14px; line-height:28px;} .zndetailc{ color:#666666; font-size:14px; line-height:25px; border-top:1px #cccccc solid; margin-top:25px; padding-top:45px;} .zndetailc img{ max-width:100%; height:auto;} .zndetailtab{ font-size:14px; color:#666666; padding-left:22px; background:url(../image/zndet_icon.jpg) no-repeat left 50%; margin:30px auto;} .zndetailtab a{ color:#1075ff;} .zndetailpage{ color:#333333; font-size:14px; line-height:28px;border-top:1px #cccccc solid; padding:20px 0;} .zndetailpage a:hover{ color:#d1151a;} .zndetj{ margin:45px auto;} .zndetjt{ font-size:26px; color:#000000; line-height:45px; border-bottom:1px #999999 solid; padding-bottom:12px;} .zndetjc{ padding-top:30px;} .zndetjc ul li{ margin-bottom:20px;} .zndetjc ul li a{ display:block;} .zndetjcl{ width:113px; height:auto;} .zndetjcr{ width:715px; height:auto;} .zndetjcr_t{ color:#333333; font-size:18px; line-height:26px;} .zndetjcr_i{ color:#666666; font-size:13px; line-height:24px; padding-top:6px;} .zndetjc ul li a:hover .zndetjcr_t{ color:#d2151a;} /*add index end*/ /*add index new*/ .abinew{ width:100%; height:auto; background:#f7f8fb;padding:40px 0 60px 0;} .abinew .container{ width:86%; height:auto; min-width:1200px;} .abinewt{ text-align:center; font-size:36px; color:#333333;} .abinewcate{ padding:80px 0 0 70px; text-align:center;} .abinewcate ul li{ display:inline-block; padding:0 25px 0 0; line-height:28px;} .abinewcate ul li:last-child{ background:0;} .abinewcate ul li a{ display:inline-block; padding:0 8px; line-height:35px;border-bottom:1px #f7f7f7 solid; font-size:16px; padding-left:20px; background:url(../images/z_abinewcate_icon.png) no-repeat 6px 50%; background:none;} .abinewcate ul li a:hover{ color:#e60011; border-bottom:1px #e60011 solid; background:url(../images/z_abinewcate_icon_on.png) no-repeat 6px 50%;} .abinewcate ul li a.inewscatecurr{ color:#e60011; border-bottom:1px #e60011 solid; background:url(../images/z_abinewcate_icon_on.png) no-repeat 6px 50%;} .abinewcaaa{ position:relative; overflow:hidden; margin:40px auto 0 auto;background:#fff;} .abinewc{ padding-top:10px; padding-bottom:10px;} .abinewcl{ width:37%; height:auto; background:#fff;transition: all .4s ease-out;} .abinewclc{} .abinewcl .abinewclc a{ display:block; padding:5%; background:#fff;} .abinewclc_img{ width:100%; height:100%; overflow:hidden; max-height:300px;} .abinewclc_img img{ width:100%; height:auto;} .abinewclc_c{ padding-bottom:5%; padding-top:25px;} .abinewclc_cl{ width:77%; padding-right:3%; border-right:1px #a4a4a4 solid;} .abinewclc_clt{ font-size:18px; color:#000000; line-height:28px; height:28px; overflow:hidden;} .abinewclc_cli{ line-height:24px; color:#666666; margin-top:8px; height:48px; overflow:hidden; font-size:14px;} .abinewclc_cr{ width:17%; min-width:46px; height:auto; min-height:46px; font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:28px; background:url(../images/aa_i_new_more.png) no-repeat 50% 50%; margin-top:15px;} .abinewclc_cr_t{ font-size:42px; padding-top:10px;} .abinewclc_cr_i{} .abinewcl:hover{/*transform: translate3d(0, -5px, 0);box-shadow: 0 8px 35px rgba(0, 0, 0, .2);*/} .abinewcl .abinewclc a:hover .abinewclc_cr{background:url(../images/aa_i_new_more_on.png) no-repeat 50% 50%;} .abinewcl .abinewclc a:hover .abinewclc_clt{ color:#d1151a;} .abinewcr{ width:60%; height:auto; background:#fff; padding-bottom:30px;} .abinewcr ul li{height:auto; float:left; border-bottom:1px #eeeeee solid;width:48%; margin-right:4%;} .abinewcr ul li:nth-of-type(2n){ margin-right:0;} .abinewcr ul li a{ padding:30px 10% 30px 0; display:block;transition: all .4s ease-out;} .abinewcrl{ /*width:17%;*/ width:auto; height:auto;min-width:48px; font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:28px; margin-top:15px;min-height:48px;} .abinewclc_cr_t{ font-size:42px; padding-top:10px; height:auto;} .abinewclc_cr_i{} .abinewcrr{ width:100%; height:auto;} .abinewcrr_t{ font-size:18px; color:#000000; line-height:28px; height:28px; overflow:hidden;} .abinewcrr_i{ line-height:24px; color:#666666; margin-top:8px; height:48px; overflow:hidden; font-size:14px;} .abinewcr ul li a:hover{/*box-shadow: 0 8px 35px rgba(0, 0, 0, .2);*/} .abinewcr ul li a:hover .abinewcrl{ color:#e40311;} .abinewcr ul li a:hover .abinewcrr_t{ color:#d1151a;} .abinewm{ text-align:center;} .abinewm a{ display:inline-block; padding-right:40px; line-height:30px; color:#3e3e3e; font-size:14px; background:url(../images/ab_more_icon.png) no-repeat right 50%;} .abinewm a:hover{ color:#d2151a;background:url(../images/ab_more_icon2.png) no-repeat right 50%;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ left:5%; text-align:left; bottom:5%;} .swiper-pagination-bullet{ background:#737373; opacity:1;} .swiper-pagination-bullet-active{background:#e40311;} .hideaa{visibility: hidden;position: absolute;z-index: -1;height: 0;} /* Above all are from animate.css by daneden http://daneden.me/animate/ */ .from-top{ -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; } .from-left{ -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .from-right{ -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .from-bottom{ -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .from-top, .from-left{ -webkit-animation: enter-clockwise 0.23s ease-out; -moz-animation: enter-clockwise 0.23s ease-out; -ms-animation: enter-clockwise 0.23s ease-out; animation: enter-clockwise 0.23s ease-out; } .from-right, .from-bottom{ -webkit-animation: enter-anti-clockwise 0.23s ease-out; -moz-animation: enter-anti-clockwise 0.23s ease-out; -ms-animation: enter-anti-clockwise 0.23s ease-out; animation: enter-anti-clockwise 0.23s ease-out; } .to-top{ -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; } .to-left{ -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .to-right{ -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .to-bottom{ -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .to-top, .to-left{ -webkit-animation: leave-anti-clockwise 0.23s ease-out; -moz-animation: leave-anti-clockwise 0.23s ease-out; -ms-animation: leave-anti-clockwise 0.23s ease-out; animation: leave-anti-clockwise 0.23s ease-out; } .to-right, .to-bottom{ -webkit-animation: leave-clockwise 0.23s ease-out; -moz-animation: leave-clockwise 0.23s ease-out; -ms-animation: leave-clockwise 0.23s ease-out; animation: leave-clockwise 0.23s ease-out; } @-webkit-keyframes enter-clockwise{ from{ z-index: 3; -webkit-transform: rotate(-90deg); } to{ z-index: 3; -webkit-transform: rotate(0deg); } } @-moz-keyframes enter-clockwise{ from{ z-index: 3; -moz-transform: rotate(-90deg); } to{ z-index: 3; -moz-transform: rotate(0deg); } } @-ms-keyframes enter-clockwise{ from{ z-index: 3; -ms-transform: rotate(-90deg); } to{ z-index: 3; -ms-transform: rotate(0deg); } } @keyframes enter-clockwise{ from{ z-index: 3; transform: rotate(-90deg); } to{ z-index: 3; transform: rotate(0deg); } } @-webkit-keyframes enter-anti-clockwise{ from{ z-index: 3; -webkit-transform: rotate(90deg); } to{ z-index: 3; -webkit-transform: rotate(0deg); } } @-moz-keyframes enter-anti-clockwise{ from{ z-index: 3; -moz-transform: rotate(90deg); } to{ z-index: 3; -moz-transform: rotate(0deg); } } @-ms-keyframes enter-anti-clockwise{ from{ z-index: 3; -ms-transform: rotate(90deg); } to{ z-index: 3; -ms-transform: rotate(0deg); } } @keyframes enter-anti-clockwise{ from{ z-index: 3; transform: rotate(90deg); } to{ z-index: 3; transform: rotate(0deg); } } @-webkit-keyframes leave-clockwise{ from{ z-index: 3; -webkit-transform: rotate(0deg); } to{ z-index: 3; -webkit-transform: rotate(90deg); } } @-moz-keyframes leave-clockwise{ from{ z-index: 3; -moz-transform: rotate(0deg); } to{ z-index: 3; -moz-transform: rotate(90deg); } } @-ms-keyframes leave-clockwise{ from{ z-index: 3; -ms-transform: rotate(0deg); } to{ z-index: 3; -ms-transform: rotate(90deg); } } @keyframes leave-clockwise{ from{ z-index: 3; transform: rotate(0deg); } to{ z-index: 3; transform: rotate(90deg); } } @-webkit-keyframes leave-anti-clockwise{ from{ z-index: 3; -webkit-transform: rotate(0deg); } to{ z-index: 3; -webkit-transform: rotate(-90deg); } } @-moz-keyframes leave-anti-clockwise{ from{ z-index: 3; -moz-transform: rotate(0deg); } to{ z-index: 3; -moz-transform: rotate(-90deg); } } @-ms-keyframes leave-anti-clockwise{ from{ z-index: 3; -ms-transform: rotate(0deg); } to{ z-index: 3; -ms-transform: rotate(-90deg); } } @keyframes leave-anti-clockwise{ from{ z-index: 3; transform: rotate(0deg); } to{ z-index: 3; transform: rotate(-90deg); } } /*2021.6.3 start*/ .zyoushi{ padding:65px 0 50px 0; width:86%; min-width:1200px; margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;} .zyoushil{ width:50%; height:auto; border-right:1px #ebebeb solid; padding-right:60px;-webkit-box-sizing:border-box;box-sizing:border-box;} .zyoushir{ width:35%; height:auto; text-align:center;} .zyoushil_t{ font-size:50px; color:#383535; line-height:72px; /*font-family:'STZHONGS';*/} .zyoushil_i{ margin:30px 0; font-size:16px; color:#666666; line-height:30px;} .zyoushil_m{ display:block; width:130px; height:35px; border-bottom:1px #737373 solid; background:url(../images/z_more.png) no-repeat 85% 50%; line-height:35px; text-indent:20px; font-size:16px; color:#333333;} /*.zyoushil_m:hover{background:url(../images/z_more_on.png) no-repeat 85% 50%;border-bottom:1px #e60012 solid; color:#e60012;}*/ .zyoushil_m:hover{background:url(../images/z_more_on.png) no-repeat 85% 50%;border-bottom:1px #e60012 solid; color:#e60012;} .yyoushir{ width:50%;-webkit-box-sizing:border-box;box-sizing:border-box; padding:70px 100px;} .yyoushir ul li{ width:33.33%; height:auto; float:left; text-align:center;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .yyoushir ul li a{} .yyoushir ul li a .tit{ color:#453e3e; line-height:30px; font-size:20px; margin-top:15px;} .yyoushir ul li:hover{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);} .yyoushir ul li a:hover{ color:#e40011;} .yyoushir ul li a:hover .tit{ color:#e40011;} .iservice{ width:100%; height:auto; background:#f7f8fb;padding:80px 0;} .iservicec{ width:86%; height:auto; margin:0 auto; min-width:1200px;} .iservicel{-webkit-box-sizing:border-box;box-sizing:border-box; width:31%; height:auto; padding:50px; margin-right:3.5%; background:#fff;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.05);transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .iservicel:hover{box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.25); background:#fff; transform:translate(0,-10px);-webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);} .iservicel_a{-webkit-box-sizing:border-box;box-sizing:border-box;} .iservicec .iservicel:nth-of-type(3){ margin-right:0;} /*.iservicel_img{ width:180px; height:180px;} .iservicel_img1{ background:url(../image_new/z_i_service_img1.png) no-repeat 50% 50%;} .iservicel:hover .iservicel_img1{background:url(../image_new/z_i_service_img1.png) no-repeat 50% 50%;} .iservicel_img2{ background:url(../image_new/z_i_service_img2.png) no-repeat 50% 50%;} .iservicel:hover .iservicel_img2{background:url(../image_new/z_i_service_img2.png) no-repeat 50% 50%;} .iservicel_img3{ background:url(../image_new/z_i_service_img3.png) no-repeat 50% 50%;} .iservicel:hover .iservicel_img3{background:url(../image_new/z_i_service_img3.png) no-repeat 50% 50%;}*/ .iservicel_t{ margin:35px 0 20px 0; font-size:30px; color:#333333; line-height:40px;} .iservicel_i{ margin-bottom:35px; height:120px; overflow:hidden; width:100%;} .iservicel_i ul li{ width:50%; float:left; } .iservicel_i ul li p{line-height:40px;display:block; padding-left:20px; background:url(../image_new/i_service_li_icon.jpg) no-repeat left 50%; font-size:16px; color:#333333;} /*.iservicel_i ul li a{ } .iservicel_i ul li a:hover{ color:#e60012;background:url(../image_new/i_service_li_icon_on.jpg) no-repeat left 50%;}*/ .iservicel:hover .zyoushil_m{background:url(../images/z_more_on.png) no-repeat 85% 50%;border-bottom:1px #e60012 solid; color:#e60012;} .iservicel:hover .iservicel_t{ color:#e60012;} .zdeve{ width:86%; height:auto; margin:0 auto; min-width:1200px; padding:70px 0 80px 0;} .zdeve ul li{ width:25%; height:auto; float:left; text-align:center;position: relative;} .zdeve ul li:before {content: "";position: absolute;right: 0;top: 45px;height: 80px;width: 1px;background: #cccccc; } .zdeve ul li:last-child:before{ width:0;} .zdeve_t span{ font-size:18px; color:#003333; padding-left:8px;} .zdeve_t span.home_story_item_red{ font-size:106px; color:#e60011; line-height:106px; font-family:'OPPOSans_Design2',Arial, Helvetica, sans-serif;} .zdeve_i{ margin-top:0; font-size:20px; color:#333333; line-height:40px;} .zcase{ background:#f7f8fb; padding:70px 0 30px 0;} .zcasec{ width:86%; height:auto; margin:0 auto; min-width:1200px;} .zcasect{ margin-bottom:10px;} .zcasectl{} .zcasectl_t{ font-size:24px; color:#333333; line-height:40px; margin-bottom:10px;} .zcasectl_i{ font-size:48px; color:#0b0b0b; line-height:50px; position:relative; z-index:1px;} .zcasectl_i p{ position:relative; z-index:15px;} .zcasectl_i:before{content: "";position: absolute;left: 0; bottom:-3px;height: 10px;width:194px;background: #e70012; z-index:10px; } .zcasectr{ padding-top:80px;} .zcasec_t{ margin-top:15px;} .zcasec_t a{} .zcasec_tl{ font-size:28px; color:#333333; line-height:45px;} .z_zcasec_c .z_zcasec_cl{ line-height:30px; font-size:16px; color:#666666;} .zcasec_tr{ padding-left:18px; line-height:30px; font-size:16px; color:#333333; background:url(../images/z_i_service_li_icon.jpg) no-repeat left 50%;} .zad{ width:100%; height:auto; background:#5e616d; padding:55px 0; color:#fff;} .zadc{width:86%; height:auto; margin:0 auto; min-width:1200px;} .zadcl{ width:50%; height:auto;-webkit-box-sizing:border-box;box-sizing:border-box; border-right:1px #9ea0a7 solid; padding:20px 0;} .zadcl_1{ font-size:58px; line-height:60px;} .zadcl_2{ margin:15px 0 35px 0; font-size:24px; line-height:30px;} .zadcl_3{} .zadcl_3 a{ display:inline-block; width:160px; height:45px; border:1px #fff solid; color:#fff; text-align:center; line-height:45px;border-radius: 45px; margin-right:20px; font-size:18px;} .zadcl_3 a.zadcl_3_1{ background:#e40000; color:#fff; border:1px #e40000 solid;} .zadcl_3 a.zadcl_3_2:hover{ background:#e40000; color:#fff; border:1px #e40000 solid;} .zadcl_3 a.zadcl_3_1:hover{ background:#be0c0c; color:#fff; border:1px #be0c0c solid;} .zadcr{ width:50%; height:auto;-webkit-box-sizing:border-box;box-sizing:border-box; padding-left:70px; padding-top:25px;} .zadcrl{} .zadcrl_t{ font-size:24px; line-height:30px; margin-bottom:30px;} .zadcrl_c{ font-size:48px; font-family:Arial, Helvetica, sans-serif; line-height:55px;} .zadcrr{font-size:48px; line-height:55px; padding-top:50px;} .zfoot{ width:100%; height:auto; background:#111111;} .zfoott{ padding-bottom:30px;} .zfoottr{} .zfoottr a{ padding-left:40px; font-size:16px; color:#333333; line-height:28px;} .zfoottr a:hover{ color:#e60012;} .zfootc{ padding:40px 0 80px 0;border-bottom:1px #292929 solid;} .zfootc_1{ height:auto; border-right:1px #292929 solid;width: calc(25% - 1px);width: -moz-calc(25% - 1px);width: -webkit-calc(25% - 1px); min-height:208px; } .zfootc_1 .con{} .zfootc_1c{ margin-top:55px;} .zfootc_1c .tit{ color:#a6a6a6; font-size:18px; line-height:30px;} .zfootc_1c .info{ font-size:30px; line-height:46px; color:#fff; margin-top:10px; font-family: 'HarmonyOS_Sans_SC_Bold',Arial, Helvetica, sans-serif;} .zfootc_4{ height:auto; border-right:1px #292929 solid;width: calc(25% - 1px);width: -moz-calc(25% - 1px);width: -webkit-calc(25% - 1px); min-height:208px;} .zfootc_4 .con{padding:0 20%;} .zfootc_4 .con .zfootc_4_c{ line-height:35px;} .zfootc_4 .con .zfootc_4_c a{ color:#a6a6a6; font-size:15px; display:inline-block; width:49%;} .zfootc_4 .con .zfootc_4_c a:hover{ color:#d1151a;} .zfootc_3{ height:auto; width:35%;} .zfootc_3 .con{padding:0 5% 0 15%;} .zfootc_2{ width:120px; height:auto;} .zfootc_2 .con{padding:0 10%;} .zfootc_1_t{ font-size:18px; color:#fff; font-weight:600;} .zfootc_1_line{ width:20px; height:2px; background:#e40000; margin:15px 0 25px 0;} .zfootc_1_c{ font-size:15px; color:#a6a6a6; line-height:30px;} .zfootc_1_c1{ width:60%;} .copyright a{color:#a6a6a6;} @media screen and (max-width:1580px){ .zyoushil_t{ font-size:42px; line-height:65px;} .iservicel_a{} .iservicel_t{ font-size:26px;} .zdeve_t{ font-size:80px; line-height:90px;} .zcasectl_t{ margin-bottom:15px;} .zcasectl_i{ font-size:45px;} .zcasec_tl{ font-size:24px;} .zadcl_1{ font-size:42px;} .zadcl_2{ font-size:22px;} .zadcr{ padding-left:40px;} .zadcrl_c{ font-size:40px;} .zadcrr{ font-size:40px;} } .indintr-num-animate{width: 312px;transition: all .4s linear 0s; margin:0 auto;} .indintr-num{/*margin-top: -36px;*/color: #1a1301;text-transform: uppercase;width: 100%;float: right;text-align: center;background-clip:text;-webkit-background-clip: text;-webkit-text-fill-color:transparent;background-image: url('../image_new/indintr1.jpg');animation: numRun 10s ease-out infinite;} .indintr-num h4{font-size: 300px;line-height: 0.9;height: 270px;font-family:'ImpactLTStd';} .indintr-num p{font-size: 48px;line-height: 0.9; font-weight:bolder;} @keyframes numRun{0%{background-position: 300px -100px}60%{background-position: 570px 0;}100%{background-position: 300px -100px}} /*2021.6.3 end*/ /*2022.3.16 start*/ .ckmore{ display:block; width:205px; height:55px; border:1px #b5b5b5 solid; text-align:center; line-height:55px; font-size:14px; color:#5c5c5c; margin:50px auto 60px auto;} .ckmore:hover{ border:1px #ea1847 solid; background:#ea1847; color:#fff;} .ck_ad{ width:100%; height:311px;} .ck_adc{ text-align:center; padding-top:65px; color:#fff;} .ck_adc_t{ font-size:45px; line-height:60px; font-weight:bolder;} .ck_adc_i{ margin:10px auto 30px auto; line-height:28px; font-size:22px; color:#acacac;} .ck_adc_m{} .ck_adc_m a{ display:inline-block;} .ck_adc_m_l{ width:150px; height:50px; text-align:center; line-height:50px; background:#e40000; color:#fff; font-size:16px; border-radius:50px; margin-right:20px;} .ck_adc_m_l:hover{ background:#b61010; color:#fff;} .ck_adc_m_r{width:146px; height:46px; text-align:center; line-height:46px; border:2px #fff solid; color:#fff; font-size:16px; border-radius:50px;} .ck_adc_m_r:hover{ background:#e40000; color:#fff; border:2px #e40000 solid;} .ck_tj{ padding-top:50px;} .ck_tjt{ padding-left:12px; line-height:35px; font-size:30px; line-height:34px; color:#3c3c3c; border-left:4px #e40000 solid; margin-bottom:42px;} .ckcon{ width:100%; height:auto; background:#f6f6f6; padding:30px 0 40px 0;} .ckcon_t{ border-bottom:1px #ebebeb solid; height:47px;} .ckcon_t ul li{ float:left; font-size:18px; color:#5c5c5c; border-bottom:2px #f6f6f6 solid; margin-right:48px; line-height:45px; cursor:pointer;} .ckcon_t ul li.on{ border-bottom:2px #e40000 solid; color:#e40000; font-weight:bolder;} .ckcon_c{ padding-top:25px; font-size:14px; color:#999999; line-height:35px;} .ckcon_c a{ font-size:14px; color:#999999; display:inline-block;} .ckcon_c a:hover{ color:#ea1847;} .w86{width: 86%;min-width: 1200px; margin:0 auto;} /*2022.3.16 end*/ /*2022.4.28 start*/ .yonline{ width:60px; height:auto; position:fixed; z-index:9999; height: auto; top: 30%; right: 5px;} .yonlinet{ margin-bottom:10px;} .yonlinet a{ display:block; border-radius:60px; height:auto; padding:52px 0 20px 0; background:url(../image/y_online_icon1.png) no-repeat 50% 22px #e40013; color:#fff; font-size:16px; line-height:20px; text-align:center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);} .yonlinet a:hover{background:url(../image/y_online_icon1.png) no-repeat 50% 22px #980a16; color:#fff;} .yonlinec{ padding:20px 15px; background:#fff; border-radius:60px; text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);} .yonlinec a{ display:block; padding-bottom:10px; border-bottom:1px #e2e2e2 solid; margin-bottom:10px;} .yonlinec a .tit{ font-size:14px; color:#6e6868; line-height:25px; margin-top:4px;} .yonlinec a:nth-of-type(1){} .yonlinec a:nth-of-type(2){} .yonlinec a:nth-of-type(3){ position:relative; z-index:1000;} .yonlinec a .online3_ewm{ width:120px; height:120px; position:absolute; z-index:9999; top:0; right:45px; display:none;} .yonlinec a:nth-of-type(4){ margin-bottom:0; border-bottom:0; padding-bottom:0;} .yonlinec a:hover .tit{ color:#e40011;} .ycate{} .ycate .container{ text-align:center;} .ycate .container a{ display:inline-block; margin-right:35px; height:45px; line-height:45px; font-size:18px; color:#000000; padding:0 9px;} .ycate .container a:last-child{ margin-right:0;} .ycate .container a:hover{ color:#e60011; border-bottom:4px #e60011 solid;} .ycate .container a.caselisttlxrcurr{ color:#e60011; border-bottom:4px #e60011 solid;} .yabout{} .yabout_t{ font-size:26px; color:#282828; line-height:38px;} .yabout_i{ font-size:40px; font-weight:bolder; color:#453e3e; line-height:35px; margin:15px 0 20px 0;} .yabout_c{ color:#373737; font-size:16px; line-height:30px; padding-top:20px;} .aboutconc{ text-align:left;} .aboutconc1b{ text-align:left; font-size:22px; color:#453e3e; line-height:30px; font-weight:bold; margin-top:20px;} .aboutconc1b span{ color:#787474; font-size:16px; font-weight:normal;} .ibanner{ width:100%; height:auto; position:relative; z-index:2;} .ibanner a{ display:block; width:100%; height:auto; position:relative; z-index:99;} .ibanner img.bimg{ display:block; width:100%; height:auto;} .ibannerc{ position:absolute; z-index:100; top:35%; left:10%; color:#fff;} .ibannerct{ font-size:60px; font-family:'HelveticaNeue-Bold'; line-height:60px;} .ibannerci{ width:480px; height:auto; margin:25px 0 50px 0; font-size:16px; line-height:25px;} .ibannerc_m{ width:210px; height:69px; background:url(../images/more.png) no-repeat; line-height:69px; text-align:center; color:#fff; font-size:18px;} .ibanner .swiper-pagination-bullet{ width:42px; height:4px; line-height:4px; background:#fff;opacity: 0.2;color: #fff; font-size:16px; border-radius:0;} .ibanner .swiper-pagination-bullet-active{ width:42px;height:4px; background:#fff; opacity: 1;color: #fff; font-size:16px; font-weight:bolder; border-radius:0;} .ibanner>.swiper-pagination-bullets{ bottom:37px; width:100%; text-align:center;} .ibanner>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 7px; display:inline-block;} /*.ibanner .ibanner-prev{ width:62px; height:62px; background:url(../images/prev.png) no-repeat 50% 50%; position:absolute; z-index:100; top:50%; margin-top:-31px; left:75px; outline:none; cursor:pointer; opacity:1;} .ibanner .ibanner-prev:hover{background:url(../images/prev.png) no-repeat 50% 50%; opacity:1;} .ibanner .ibanner-next{width:62px; height:62px; background:url(../images/next.png) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-31px; right:75px; outline:none; cursor:pointer; opacity:1;} .ibanner .ibanner-next:hover{background:url(../images/next.png) no-repeat 50% 50%; opacity:1;}*/ .bannerc{position: relative;overflow: hidden; height:auto;} .bannerc .swiper-wrapper{} .bannerc .swiper-wrapper .swiper-slide{ width:100%; height:auto; position:relative; z-index:9;} .bannerc .swiper-wrapper .swiper-slide img.bimg{ display:block; width:100%; height:auto;} /*2022.4.28 end*/ /*2022.11.16 start*/ .nlocation{ font-size:15px; line-height:30px; padding-top:20px;} .nlocation a:hover{ color:#e40011;} .caselist .tit{ font-size:30px; font-weight:bolder; color:#333; line-height:35px; margin-bottom:30px;} .znlist .tit{font-size:30px; font-weight:bolder; color:#333; line-height:35px; margin-bottom:30px;} /*2022.11.16 end*/ /*2023.3.22 start*/ .clearfix{*zoom:1;} .clearfix::before{display:table;content:"";} .clearfix::after{clear:both;display:block;content:"";height:0;overflow:hidden;visibility:hidden;} .zonline{width:90px; height:auto; position:fixed; z-index:9999; height: auto; top: 40%; right: 10px;} .zonline .zonline_a{ margin-bottom:10px; position:relative; z-index:10000;} .zonline .zonline_a a{ display:block; padding:20px 0 15px 0; border-radius:5px; text-align:center; background:#fff;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15);} .zonline .zonline_a a .icon{ width: 30px; height:25px; margin:0 auto 10px auto; background:url(../images/z_online_icon1.png) no-repeat;} .zonline .zonline_a a .tit{ font-size:14px; color:#333333; line-height:22px;} .zonline .zonline_a a.on{background:#d1151a;} .zonline .zonline_a a.on .icon{background:url(../images/z_online_icon1_on.png) no-repeat;} .zonline .zonline_a a.on .tit{color:#fff;} .zonline .zonline_a a:hover{background:#9b0d11;} .zonline .zonline_a .zonline_a_ewm{ width:130px; height:130px; position:absolute; z-index:10001; right:105px; bottom:0;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15); display:none;} .zonline .zonline_a .zonline_a_ewm .zclose{ position:absolute; z-index:10002; top:0; right:-25px; cursor:pointer;} .zonline .zonline_b{margin-bottom:10px;position:relative; z-index:10000;} .zonline .zonline_b a{ display:block; padding:20px 0 15px 0; border-radius:5px; text-align:center; background:#fff;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15);} .zonline .zonline_b a .icon{ width: 28px; height:24px; margin:0 auto 10px auto; background:url(../images/z_online_icon2.png) no-repeat;} .zonline .zonline_b a .tit{ font-size:14px; color:#333333; line-height:22px;} .zonline .zonline_b a:hover{ background:#d1151a;} .zonline .zonline_b a:hover .icon{ background:url(../images/z_online_icon2_on.png) no-repeat;} .zonline .zonline_b a:hover .tit{ color:#fff;} .zonline .zonline_c{} .zonline .zonline_c a{ display:block; padding:10px 0 5px 0; border-radius:5px; text-align:center; background:#fff;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15);} .zonline .zonline_c a .icon{ width: 14px; height:7px; margin:0 auto 2px auto; background:url(../images/z_online_icon3.png) no-repeat;} .zonline .zonline_c a .tit{ font-size:14px; color:#333333; line-height:22px;} .zonline .zonline_c a:hover{ background:#d1151a;} .zonline .zonline_c a:hover .icon{ background:url(../images/z_online_icon3_on.png) no-repeat;} .zonline .zonline_c a:hover .tit{ color:#fff;} .zbody{ background:url(../images/zbody_bg.jpg) repeat-x top; padding:75px 0;} .zmessage{ width:100%; height:auto; background:url(../images/z_foot_bj_bg.jpg) no-repeat center center/cover; padding:70px 0 65px 0;} .zmessage .tit{ text-align:center; color:#000000; font-size:36px; font-weight:bolder;} .zmessage .con{ margin-top:45px;} .zmessage .con .list{ width:31%; float:left; margin-right:3.5%; position:relative; z-index:9;} .zmessage .con .list:nth-of-type(3){ margin-right:0;} .zmessage .con .list .zmess_text{ width:100%; height:60px; line-height:60px; border:0; border-radius:3px; text-indent:18px; font-size:16px; color:#666666; background:#ffffff;} .zmessage .con .list .listt{ width:100%; height:60px; line-height:60px; border-radius:3px; text-indent:18px; font-size:16px; color:#666666;background:url(../images/z_foot_bj_icon.jpg) no-repeat 95% 50% #ffffff;} .zmessage .con .list .listc{ width:90%; height:auto; position:absolute; z-index:10; background:#fff; border:1px #d9d9d9 solid; border-radius:3px; padding:12px 5%; display:none;} .zmessage .con .list .listc ul li{ font-size:14px; color:#333333; line-height:32px; cursor:pointer;} .zmessage .con .list .listc ul li:hover{ color:#d2151a;} /*.zmessage .con .list:hover .listc{ display:block;}*/ .zmessage .submit{ text-align:center; margin-top:50px;} .zmessage .submit .zsubmit{ width:200px; height:60px; text-align:center; line-height:60px; color:#fff; border-radius:60px; background:#d2151a; font-size:18px; border:0; cursor:pointer;} .zmessage .submit .zsubmit:hover{ background:#a90e12;} .zcbody{ background:url(../images/zbody_bg.jpg) repeat-x top; padding:25px 0 75px 0;} .w1520{ width:86%;margin:0 auto; min-width:1200px;} .zlocation{ font-size:16px; color:#686868; line-height:30px;} .zlocation a{ color:#686868;} .zlocation a:hover{ color:#d2151a;} .zcased{ padding:80px 0 120px 0;} .zcased .tit{ text-align:center; font-size:48px; color:#333333; line-height:55px;} .zcased .cate{ margin:20px auto 30px auto; text-align:center; font-size:16px; color:#333333; line-height:25px;} .zcased .info{ margin:0 auto 25px auto; width:75%; font-size:16px; color:#666666; line-height:30px; text-align:center;} .zcased .link{ text-align:center;} .zcased .link a{ display:block; width:43px; height:43px; margin:0 auto; border:1px #333 solid; background:url(../images/z_link2.png) no-repeat center center; border-radius:43px;} .zcased .link a:hover{background:url(../images/z_link2_on.png) no-repeat center center #d1151a; border:1px #d1151a solid;} .zcased .con{ text-align:center; padding:72px 0 85px 0;} .zcased .con img{ margin-bottom:80px;} .zcased .conb{ text-align:center; padding-bottom:70px; border-bottom:1px #cccccc solid;} .zcased .conb .conb_t{ font-size:48px; color:#333333; line-height:55px;} .zcased .conb .conb_m{ margin-top:35px;} .zcased .conb .conb_m a{ display:block; width:180px; height:54px; background:url(../images/zcase_zx_icon.png) no-repeat 34px 50% #d2151a; line-height:54px; color:#fff; text-indent:62px; font-size:14px; border-radius:54px; margin:0 auto; text-align:left;} .zcased .conb .conb_m a:hover{background:url(../images/zcase_zx_icon.png) no-repeat 34px 50% #9f0b0f;} .zcased .zcpage{ padding-top:40px;} .zcased .zcpage a:nth-of-type(1){ float:left; display:block; width:50px; height:50px; background:url(../images/zcase_d_prev1.png) no-repeat center center; border:1px #c1c1c1 solid; border-radius:50px;} .zcased .zcpage a:nth-of-type(1):hover{ background:url(../images/zcase_d_prev1_on.png) no-repeat center center #d2151a; border:1px #d2151a solid;} .zcased .zcpage a:nth-of-type(2){ float:left; margin-left:460px; width:180px; height:54px; border:1px #bfbfbf solid; border-radius:54px; background:url(../images/zcase_d_back.png) no-repeat 50px 50%; text-indent:82px; line-height:54px; font-size:14px; color:#999999;} .zcased .zcpage a:nth-of-type(2):hover{background:url(../images/zcase_d_back_on.png) no-repeat 50px 50% #d2151a;border:1px #d2151a solid; color:#fff;} .zcased .zcpage a:nth-of-type(3){ float:right; display:block; width:50px; height:50px; background:url(../images/zcase_d_next1.png) no-repeat center center;border:1px #c1c1c1 solid; border-radius:50px;} .zcased .zcpage a:nth-of-type(3):hover{ background:url(../images/zcase_d_next1_on.png) no-repeat center center #d2151a; border:1px #d2151a solid;} .zconl{ width:400px; height:auto; padding-right:90px; border-right:1px #e5e5e5 solid;} .zconl .tit{ padding-bottom:30px; border-bottom:1px #cccccc solid; font-size:42px; color:#000000; line-height:45px; margin-bottom:30px;} .zconl .con{} .zconl .con .list{ margin-bottom:35px;} .zconl .con .list .cont{ margin-bottom:10px;} .zconl .con .list .cont p{ display:inline-block; font-size:24px; color:#000000; font-weight:bold; line-height:35px; padding-right:15px; background:url(../images/zcontact_dian.jpg) no-repeat right 20px;} .zconl .con .list .conc{ font-size:18px; color:#4c4c4c; line-height:23px;} .zconr{ width:620px; height:auto;} .zconr .tit{font-size:42px; color:#000000; line-height:45px; margin-bottom:50px;} .zconr .con{} .zconr .con .list{ margin-bottom:30px;} .zconr .con .list:nth-of-type(1) .w{ width:48%;} .zconr .con .list:nth-of-type(1) .zcon_text{ width:100%; height:50px; line-height:50px; border:1px #d9d9d9 solid; border-radius:4px; text-indent:18px; font-size:16px; color:#666666; background:#f2f2f2;} .zconr .con .list:nth-of-type(2) .listl{width:298px;} .zconr .con .list:nth-of-type(2) .listl .listt{ width:100%; height:50px; line-height:50px; border-radius:4px; text-indent:18px; font-size:16px; color:#666666;background:url(../images/zcont_select_icon.png) no-repeat 95% 50% #f2f2f2;border:1px #d9d9d9 solid;} .zconr .con .list:nth-of-type(2) .listl .listc{ width:268px; height:auto; position:absolute; z-index:10; background:#fff; border:1px #d9d9d9 solid; border-radius:3px; padding:12px 15px; display:none;} .zconr .con .list:nth-of-type(2) .listl .listc ul li{ font-size:14px; color:#333333; line-height:32px; cursor:pointer;} .zconr .con .list:nth-of-type(2) .listl .listc ul li:hover{ color:#d2151a;} .zconr .con .list:nth-of-type(2) .listr{width:298px;} .zconr .con .list:nth-of-type(2) .listr .listt{ width:100%; height:50px; line-height:50px; border-radius:4px; text-indent:18px; font-size:16px; color:#666666;background:url(../images/zcont_select_icon.png) no-repeat 95% 50% #f2f2f2;border:1px #d9d9d9 solid;} .zconr .con .list:nth-of-type(2) .listr .listc{ width:268px; height:auto; position:absolute; z-index:10; background:#fff; border:1px #d9d9d9 solid; border-radius:3px; padding:12px 15px; display:none;} .zconr .con .list:nth-of-type(2) .listr .listc ul li{ font-size:14px; color:#333333; line-height:32px; cursor:pointer;} .zconr .con .list:nth-of-type(2) .listr .listc ul li:hover{ color:#d2151a;} .zconr .con .list:nth-of-type(3) .zcon_textarea{width:100%; height:244px; line-height:50px; border:1px #d9d9d9 solid; border-radius:4px; text-indent:18px; font-size:16px; color:#666666; background:#f2f2f2;} .zconr .con .list:nth-of-type(4){ display:flex;justify-content: flex-start;align-items:center;} .zconr .con .list:nth-of-type(4) .zcon_short{width:210px; height:50px; line-height:50px; border:1px #d9d9d9 solid; border-radius:4px; text-indent:18px; font-size:16px; color:#666666; background:#f2f2f2;} .zconr .con .list:nth-of-type(4) img{ margin:0 20px;} .zconr .con .list:nth-of-type(4) a{ font-size:14px;} .zconr .con .list:nth-of-type(4) a:hover{ color:#d1151a;} .zconr .con .list:nth-of-type(5) .zcon_sub{ width:150px; height:50px; line-height:50px; text-align:center; background:#d2151a; color:#fff; border-radius:4px; font-size:16px; border:0; cursor:pointer;} .zconr .con .list:nth-of-type(5) .zcon_sub:hover{ background:#a40c10;} .zndetjc_a{ margin-bottom:25px;} .zndetjc_a a{ display:block;} .zndetjc_a a .img{ width:280px; height:auto;} .zndetjc_a a .con{ width:500px; height:auto; padding-top:15px;} .zndetjc_a a .con .cont{ font-size:20px; color:#333333; line-height:35px; margin-bottom:10px;} .zndetjc_a a .con .conc{ font-size:16px; color:#666666; line-height:25px;} .zndetjc_a a:hover .con .cont{ color:#d1151a;} .zndetjc_b{} .zndetjc_b ul li{ width:48%; float:left; margin:0 4% 0 0;} .zndetjc_b ul li:nth-of-type(2n){ margin-right:0;} .zndetjc_b ul li a{ color:#333333; font-size:16px; line-height:40px; display:block; width:100%; height:40px; overflow:hidden;} .zndetjc_b ul li a:hover{ color:#d1151a;} .zpmsja{ width:100%; height:921px; background:url(../images/z_pmsj_bg1.jpg) no-repeat center center/cover; padding-top:140px;} .zpmsja .con{ width:520px; height:auto;} .zpmsja .con .tit{ color:#fff; font-size:36px; font-weight:bold; line-height:55px; margin-bottom:6px;} .zpmsja .con .conc{ color:#fff; font-size:16px; line-height:33px; margin-bottom:45px;} .zpmsja .con .more{ display:block; width:180px; height:54px; background:url(../images/z_pmsj_more.png) no-repeat 80% 50% #fff; border-radius:54px; text-indent:30px; font-size:16px; color:#22bfc4; line-height:54px;} .zpmsja .con .more:hover{background:url(../images/z_pmsj_more_on.png) no-repeat 80% 50% #d2151a; color:#fff;} .zpmsjb{ padding-bottom:80px;} .zpmsjb .img{ width:606px; height:auto;} .zpmsjb .con{ width:520px; height:auto;} .zpmsjb .con .tit{color:#000; font-size:36px; font-weight:bold; line-height:55px; margin-bottom:6px;} .zpmsjb .con .info{ margin:15px auto 35px auto; color:#666666; line-height:30px; font-size:16px;} .zpmsjb .con .conc{ font-size:16px; line-height:30px; color:#333333; margin-bottom:40px;} .zpmsjb .con .more{display:block; width:180px; height:54px; background:url(../images/z_pmsj_more_on.png) no-repeat 80% 50% #d2151a; border-radius:54px; text-indent:30px; font-size:14px; color:#fff; line-height:54px;} .zpmsjb .con .more:hover{background:url(../images/z_pmsj_more_on.png) no-repeat 80% 50% #a20d11;} .zpmsjc{ width:100%; height:664px; background:url(../images/z_pmsj_bg2.jpg) no-repeat center center/cover; padding-top:320px;} .zpmsjc .con{ width:500px; height:auto;} .zpmsjc .con .tit{ color:#fff; font-size:36px; font-weight:bold; line-height:55px; margin-bottom:6px;} .zpmsjc .con .conc{ color:#fff; font-size:16px; line-height:33px; margin-bottom:45px;} .zpmsjc .con .more{ display:block; width:180px; height:54px; background:url(../images/z_pmsj_more.png) no-repeat 80% 50% #fff; border-radius:54px; text-indent:30px; font-size:14px; color:#22bfc4; line-height:54px;} .zpmsjc .con .more:hover{background:url(../images/z_pmsj_more_on.png) no-repeat 80% 50% #d2151a; color:#fff;} .zpmsjc .img{ width:600px; height:auto;} .zpmsjcase{ padding:90px 0 120px 0;} .zpmsjcase .zpcase{ padding-bottom:60px;} .zpmsjcase .zpcase .tit{ text-align:center; font-size:48px; color:#000000; line-height:50px;} .zpmsjcase .zpcase .con{ margin-top:45px;} .zpmsjcase .zpcase .con .list{ float:left;width: 32%; margin: 0 2% 40px 0;} .zpmsjcase .zpcase .con .list:nth-of-type(3n){ margin-right:0;} .zpmsjcase .zpcase .con .list .div{ display:block;} .zpmsjcase .zpcase .con .list .div .img{ width:100%; height:100%; overflow:hidden;} .zpmsjcase .zpcase .con .list .div .img a{ display:none;} .zpmsjcase .zpcase .con .list .div .img img{ width:100%; height:auto;-webkit-transition: all ease .3s; transition: all ease .3s } .zpmsjcase .zpcase .con .list .div .img a:nth-of-type(1){ display:block;} .zpmsjcase .zpcase .con .list .div .ntit{ padding:25px 0; border-bottom:1px #eeeeee solid;} .zpmsjcase .zpcase .con .list .div .ntit .ntit_i{ font-size:14px; color:#666666; line-height:28px; margin-bottom:6px;} .zpmsjcase .zpcase .con .list .div .ntit .ntit_t{ font-size:20px; color:#333333; line-height:28px;} .zpmsjcase .zpcase .con .list .div:hover .img img{-webkit-transform: scale(1.15); transform: scale(1.15);} .zpmsjcase .zpcase .con .list .div:hover .ntit .ntit_t{ color:#d1151a;} .zpmsjcase .zppart{ margin-bottom:100px;} .zpmsjcase .zppart .list{ width:15%; margin:0 2% 15px 0; float:left;} .zpmsjcase .zppart .list:nth-of-type(6n){ margin-right:0;} .zpmsjcase .zppart .list a{ display:block; padding:20px 0;border:1px #e7e7e7 solid; border-radius:4px;} .zpmsjcase .zppart .list a img{ display:block; width:75%; height:auto; margin:0 auto;} .zpmsjcase .zppart { position: relative; padding-bottom: 0 !important; } .zpmsjcase .zppart::before { content: ""; position: absolute; bottom: 0; left: 0; z-index: 50; width: 100%; height: 80%; background: -webkit-linear-gradient(bottom, rgba(255,255,255,1), rgba(255,255,255,0)); background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)); pointer-events: none; } .zpmsjcase .zpzx{ text-align:center;} .zpmsjcase .zpzx .info{ font-size:16px; color:#333333; line-height:28px;} .zpmsjcase .zpzx .tit{ font-size:48px; color:#000000; line-height:72px; margin:10px auto 30px auto;} .zpmsjcase .zpzx .tit span{ color:#d2151a;} .zpmsjcase .zpzx .more{ display:block; width:180px; height:54px; background:url(../images/zcase_zx_icon.png) no-repeat 34px 50% #d2151a; line-height:54px; color:#fff; text-indent:62px; font-size:14px; border-radius:54px; margin:0 auto; text-align:left;} .zpmsjcase .zpzx .more:hover{background:url(../images/zcase_zx_icon.png) no-repeat 34px 50% #9f0b0f;} .w1280{ width:1280px; height:auto; margin:0 auto;} .z_wzjsa{ width:100%; height:774px; background:url(../images/z_wzjs_bg1.jpg) no-repeat center center/cover;} .z_wzjsa .container{ padding-top:127px;} .z_wzjsa .img{ width:600px; height:auto;} .z_wzjsa .con{ width:560px; height:auto; padding-top:45px;} .z_wzjsa .con .tit{ font-size:36px; color:#fff; font-weight:bold; line-height:72px;} .z_wzjsa .con .info{ font-size:16px; line-height:30px; color:#fff; margin:30px auto 60px auto;} .z_wzjsa .con .more{} .z_wzjsa .con .more a{ display:inline-block;} .z_wzjsa .con .more a:nth-of-type(1){ width:160px; height:54px; border:1px #fff solid; background:url(../images/z_wzjs_icon.png) no-repeat 85% 50%; font-size:16px; text-indent:30px; line-height:54px; color:#fff; border-radius:54px; margin-right:20px;} .z_wzjsa .con .more a:nth-of-type(1):hover{ background:url(../images/z_wzjs_icon.png) no-repeat 85% 50% #d2151a;border:1px #d2151a solid;} .z_wzjsa .con .more a:nth-of-type(2){ width:180px; height:54px;border:1px #fff solid; background:url(../images/z_wzjs_icon1.png) no-repeat 85% 50% #fff; font-size:16px; text-indent:30px; line-height:54px; color:#d2151a; border-radius:54px;} .z_wzjsa .con .more a:nth-of-type(2):hover{background:url(../images/z_wzjs_icon.png) no-repeat 85% 50% #d2151a;border:1px #d2151a solid; color:#fff;} .z_wzjsb{ padding:135px 0 65px 0;} .z_wzjsb .con{width:550px; height:auto; padding-top:45px;} .z_wzjsb .con .tit{ font-size:36px; color:#333333; font-weight:bold; line-height:72px;} .z_wzjsb .con .info{ font-size:16px; line-height:30px; color:#666666; margin:30px auto 60px auto;} .z_wzjsb .con .more{} .z_wzjsb .con .more a{ display:inline-block;} .z_wzjsb .con .more a:nth-of-type(1){ width:160px; height:54px; border:1px #d2151a solid; background:url(../images/z_wzjs_icon1.png) no-repeat 85% 50%; font-size:16px; text-indent:30px; line-height:54px; color:#d2151a; border-radius:54px; margin-right:20px;} .z_wzjsb .con .more a:nth-of-type(1):hover{background:url(../images/z_wzjs_icon.png) no-repeat 85% 50% #d2151a; color:#fff; } .z_wzjsb .con .more a:nth-of-type(2){ width:180px; height:54px;border:1px #fff solid; background:url(../images/z_wzjs_icon.png) no-repeat 85% 50% #d2151a; font-size:16px; text-indent:30px; line-height:54px; color:#fff; border-radius:54px;} .z_wzjsb .con .more a:nth-of-type(2):hover{background:url(../images/z_wzjs_icon.png) no-repeat 85% 50% #a40d11;} .z_wzjsb .img{} .z_wzjsc{ width:100%; height:920px; background:url(../images/z_wzjs_bg2.jpg) no-repeat center center/cover;} .z_wzjsc .container{ padding-top:300px;} .z_wzjsc .img{ width:600px; height:auto;} .z_wzjsc .con{ width:550px; height:auto; padding-top:45px;} .z_wzjsc .con .tit{ font-size:36px; color:#fff; font-weight:bold; line-height:72px;} .z_wzjsc .con .info{ font-size:16px; line-height:30px; color:#fff; margin:30px auto 60px auto;} .z_wzjsc .con .more{} .z_wzjsc .con .more a{ display:inline-block;} .z_wzjsc .con .more a:nth-of-type(1){ width:160px; height:54px; border:1px #fff solid; background:url(../images/z_wzjs_icon.png) no-repeat 85% 50%; font-size:16px; text-indent:30px; line-height:54px; color:#fff; border-radius:54px; margin-right:20px;} .z_wzjsc .con .more a:nth-of-type(1):hover{ background:url(../images/z_wzjs_icon.png) no-repeat 85% 50% #d2151a;border:1px #d2151a solid;} .z_wzjsc .con .more a:nth-of-type(2){ width:180px; height:54px;border:1px #fff solid; background:url(../images/z_wzjs_icon1.png) no-repeat 85% 50% #fff; font-size:16px; text-indent:30px; line-height:54px; color:#d2151a; border-radius:54px;} .z_wzjsc .con .more a:nth-of-type(2):hover{background:url(../images/z_wzjs_icon.png) no-repeat 85% 50% #d2151a;border:1px #d2151a solid; color:#fff;} .z_wzjsd{ width:100%; height:848px; background:url(../images/z_wzjs_bg3.jpg) no-repeat center center/cover;} .z_wzjsd .container{ padding-top:322px;} .z_wzjsd .img{ width:600px; height:auto;} .z_wzjsd .con{ width:550px; height:auto; padding-top:15px;} .z_wzjsd .con .tit{ font-size:36px; color:#fff; font-weight:bold; line-height:72px;} .z_wzjsd .con .info{ font-size:16px; line-height:30px; color:#fff; margin:30px auto 60px auto;} .z_wzjsd .con .more{} .z_wzjsd .con .more a{ display:inline-block;} .z_wzjsd .con .more a:nth-of-type(1){ width:160px; height:54px; border:1px #fff solid; background:url(../images/z_wzjs_icon.png) no-repeat 85% 50%; font-size:16px; text-indent:30px; line-height:54px; color:#fff; border-radius:54px; margin-right:20px;} .z_wzjsd .con .more a:nth-of-type(1):hover{ background:url(../images/z_wzjs_icon.png) no-repeat 85% 50% #d2151a;border:1px #d2151a solid;} .z_wzjsd .con .more a:nth-of-type(2){ width:180px; height:54px;border:1px #fff solid; background:url(../images/z_wzjs_icon1.png) no-repeat 85% 50% #fff; font-size:16px; text-indent:30px; line-height:54px; color:#d2151a; border-radius:54px;} .z_wzjsd .con .more a:nth-of-type(2):hover{background:url(../images/z_wzjs_icon.png) no-repeat 85% 50% #d2151a;border:1px #d2151a solid; color:#fff;} .w1590{ max-width:86%; min-width:1200px; margin:0 auto;} .zabouta{background:url(../images/z_about_bg1.jpg) no-repeat 50% top #f7f8fb; padding:25px 0 200px 0;} .zabouta .con{ padding-top:50px;} .zabouta .con .img{ width:368px; height:auto; padding-top:180px;} .zabouta .con .conr{width: calc(100% - 520px);width: -moz-calc(100% - 520px);width: -webkit-calc(100% - 520px);} .zabouta .con .conr .conr_img{} .zabouta .con .conr .conr_t_1{ margin:42px auto 0 auto; font-size:24px; color:#333333; line-height:48px;} .zabouta .con .conr .conr_t_2{ font-size:36px; color:#333333; font-weight:bold; line-height:48px;} .zabouta .con .conr .conr_t_3{ margin:25px auto 75px auto; font-size:16px; color:#666666; line-height:36px;} .zabouta .con .conr .conr_tc{} .zabouta .con .conr .conr_tc .list{ width:25%; height:auto; float:left;} .zabouta .con .conr .conr_tc .list .listt{ font-size:18px; color:#333333;} .zabouta .con .conr .conr_tc .list .listt span{ font-size:80px; font-weight:bold; color:#e60011; line-height:80px; padding-right:8px; font-family:Arial, Helvetica, sans-serif;} .zabouta .con .conr .conr_tc .list .list_1{ font-size:24px; color:#333333; line-height:30px; margin:6px auto;} .zabouta .con .conr .conr_tc .list .list_2{ font-size:14px; color:#333333; line-height:24px;} .zabout_deve{ width:100%; height:960px; background:url(../images/z_about_deve_bg.jpg) no-repeat center center/cover;} .zabout_deve .w1590{ padding-top:110px;} .zabout_deve .tit{ text-align:center;} .zabout_deve .tit .titt{ font-size:48px; color:#fff; line-height:72px;} .zabout_deve .tit .titi{ font-size:16px; color:#fff; line-height:25px;} .zabout_deve .tit .line{ margin:15px auto 60px auto; width:40px; height:4px; background:#d2151a;} .zabout_cus{ width:100%; height:984px; background:url(../images/z_about_cus_bg.jpg) no-repeat center center/cover;} .zabout_cus .w1590{ padding-top:110px;} .zabout_cus .tit{ text-align:center;} .zabout_cus .tit .titt{ font-size:48px; color:#000000; line-height:72px;} .zabout_cus .tit .titi{ font-size:16px; color:#333333; line-height:25px;} .zabout_cus .tit .line{ margin:15px auto 60px auto; width:40px; height:4px; background:#d2151a;} .zabout_cus .con{ margin-top:90px;} .zabout_cus .con .list{ width:50%; float:left; text-align:center;} .zabout_cus .con .list .listt{ width:370px; height:370px; background:url(../images/zabout_cus_tt_bg.png) no-repeat center center/cover; text-align:center; line-height:370px; color:#e60011; font-size:100px; font-weight:bold;font-family: 'OPPOSans_Design2',Arial, Helvetica, sans-serif; margin:0 auto 50px auto;} .zabout_cus .con .list .listc{ font-size:30px; font-weight:bold; line-height:42px; color:#000000;} .zabout_cus .con .list .listc span{ color:#d2151a;} .zabout_cus .con .list .listi{ margin-top:15px; color:#666666; font-size:16px; line-height:40px;} .zabout_team{ width:100%; height:auto; background:#f7f8fb; padding:110px 0 125px 0; text-align:center;} .zabout_team .tit{ text-align:center;} .zabout_team .tit .titt{ font-size:48px; color:#000000; line-height:72px;} .zabout_team .tit .titi{ font-size:16px; color:#333333; line-height:25px;} .zabout_team .tit .line{ margin:15px auto 60px auto; width:40px; height:4px; background:#d2151a;} .zabout_team .con{} .zabout_team .con img{ max-width:100%;} .zabout_c{ position:relative; z-index:9;} .zabout_a{ padding-bottom:180px;} .zabout_list{ text-align:center;} .zabout_list .zabout_listt{ text-align:center; font-size:160px; color:#fff; font-weight:bold; line-height:160px; margin:0 auto 50px auto;} .zabout_list .zabout_listc{ font-size:16px; color:#fff; line-height:30px;} .zabout_c .zabout-prev{ width:25px; height:47px; background:url(../images/zabout_team_prev.png) no-repeat 50% 50%; position:absolute; z-index:10; top:150px; left:430px; outline:none; cursor:pointer;} .zabout_c .zabout-prev:hover{background:url(../images/zabout_team_prev.png) no-repeat 50% 50%;} .zabout_c .zabout-next{width:25px; height:47px; background:url(../images/zabout_team_next.png) no-repeat 50% 50%; position:absolute; z-index:10; top:150px; right:430px; outline:none; cursor:pointer;} .zabout_c .zabout-next:hover{background:url(../images/zabout_team_next.png) no-repeat 50% 50%;} .zabout_c .swiper-pagination-bullets{ bottom:0; background:url(../images/zabout_team_bottom_bg.png) repeat-x 80%; width:100%; text-align:center; left:0;} .zabout_c .swiper-pagination-bullet{ display:inline-block; width:90px; height:auto;opacity: 1;border-radius:0; padding-top:65px; background:url(../images/zabout_team_icon.png) no-repeat 50% top; font-size:20px; color:#fff; line-height:22px; text-align:center;} .zabout_c .swiper-pagination-bullet-active{ opacity: 1;border-radius:0;background:url(../images/zabout_team_icon_on.png) no-repeat 50% top; font-size:20px; color:#d2151a;} .zabout_c .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;bottom:0;} @media screen and (max-width:1500px) { .zabouta .con .conr .conr_t_2{ font-size:30px;} .zabouta .con .conr .conr_tc .list .listt span{ font-size:55px;} .zabouta .con .conr .conr_tc .list .list_1{ font-size:18px;} .zabout_list .zabout_listt{ font-size:120px;} .zabout_c .zabout-prev{ left:280px;} .zabout_c .zabout-next{ right:280px;} } .alertc{ display:none;} .alertbg{ width:100%; height:100%; position:fixed; z-index:99999; background-color: rgb(0, 0, 0); opacity: 0.5; top:0; left:0;} .alertcon{ width:490px; height:518px; padding-bottom:20px; background:url(../images/zz_alert_bg.png) no-repeat center center/cover; position:fixed;z-index: 19891015; top:50%; left:50%; margin-left:-345px; margin-top:-314px; padding:55px 100px; border-radius:20px;} .alertclose{ position:absolute; z-index:19891019; top:30px; right:40px;} .alertcon .zzalertt{ margin-bottom:20px;} .alertcon .zzalertt .tit{ font-size:24px; color:#000000; font-weight:bold; line-height:30px; margin-bottom:7px;} .alertcon .zzalertt .info{ font-size:14px; color:#666666; line-height:28px;} .alertcon .zzlist{ margin-bottom:20px;} .alertcon .zzlist .zzlistl{ width:48%;} .alertcon .zzlist .zzlistl .tit{ font-size:14px; color:#000000; line-height:30px; font-weight:bold; margin-bottom:6px;} .alertcon .zzlist .zzlistl .con{} .alertcon .zzlist .zzlistl .con .zz_text{ width:100%; height:46px; border:1px #dddddd solid; background:#f6faff; border-radius:4px; line-height:46px; font-size:14px; text-indent:10px; color:#333;} .alertcon .zzlistc{ margin-bottom:15px;} .alertcon .zzlistc .tit{font-size:14px; color:#000000; line-height:30px; font-weight:bold; margin-bottom:6px;} .alertcon .zzlistc .con{} .alertcon .zzlistc .con .list{ margin: 0 2% 12px 0; float:left; padding-top:60px; text-align:center; height:40px; line-height:23px; background:#f6faff; border:1px #dddddd solid; border-radius:4px; font-size:14px; color:#666666;width: calc(32% - 2px);width: -moz-calc(32% - 2px);width: -webkit-calc(32% - 2px); cursor:pointer;} .alertcon .zzlistc .con .list:nth-of-type(3n){ margin-right:0;} .alertcon .zzlistc .con .list:nth-of-type(1){ background:url(../images/zz_alert_icon1.png) no-repeat 50% 20px #f6faff;} .alertcon .zzlistc .con .list:nth-of-type(2){ background:url(../images/zz_alert_icon2.png) no-repeat 50% 20px #f6faff;} .alertcon .zzlistc .con .list:nth-of-type(3){ background:url(../images/zz_alert_icon3.png) no-repeat 50% 20px #f6faff;} .alertcon .zzlistc .con .list:nth-of-type(4){ background:url(../images/zz_alert_icon4.png) no-repeat 50% 20px #f6faff;} .alertcon .zzlistc .con .list:nth-of-type(5){ background:url(../images/zz_alert_icon5.png) no-repeat 50% 20px #f6faff;} .alertcon .zzlistc .con .list:nth-of-type(1):hover{ background:url(../images/zz_alert_icon1_on.png) no-repeat 50% 20px #f8e6e8; border:1px #d2151a solid; color:#d2151a;} .alertcon .zzlistc .con .list:nth-of-type(2):hover{ background:url(../images/zz_alert_icon2_on.png) no-repeat 50% 20px #f8e6e8; border:1px #d2151a solid;color:#d2151a;} .alertcon .zzlistc .con .list:nth-of-type(3):hover{ background:url(../images/zz_alert_icon3_on.png) no-repeat 50% 20px #f8e6e8; border:1px #d2151a solid;color:#d2151a;} .alertcon .zzlistc .con .list:nth-of-type(4):hover{ background:url(../images/zz_alert_icon4_on.png) no-repeat 50% 20px #f8e6e8; border:1px #d2151a solid;color:#d2151a;} .alertcon .zzlistc .con .list:nth-of-type(5):hover{ background:url(../images/zz_alert_icon5_on.png) no-repeat 50% 20px #f8e6e8; border:1px #d2151a solid;color:#d2151a;} .alertcon .zzlistc .con .list:nth-of-type(1).on{ background:url(../images/zz_alert_icon1_on.png) no-repeat 50% 20px #f8e6e8; border:1px #d2151a solid; color:#d2151a;} .alertcon .zzlistc .con .list:nth-of-type(2).on{ background:url(../images/zz_alert_icon2_on.png) no-repeat 50% 20px #f8e6e8; border:1px #d2151a solid;color:#d2151a;} .alertcon .zzlistc .con .list:nth-of-type(3).on{ background:url(../images/zz_alert_icon3_on.png) no-repeat 50% 20px #f8e6e8; border:1px #d2151a solid;color:#d2151a;} .alertcon .zzlistc .con .list:nth-of-type(4).on{ background:url(../images/zz_alert_icon4_on.png) no-repeat 50% 20px #f8e6e8; border:1px #d2151a solid;color:#d2151a;} .alertcon .zzlistc .con .list:nth-of-type(5).on{ background:url(../images/zz_alert_icon5_on.png) no-repeat 50% 20px #f8e6e8; border:1px #d2151a solid;color:#d2151a;} .zz_sub{ border:0; width:180px; height:50px; line-height:50px; background:#d2151a; color:#fff; border-radius:50px; font-size:14px; font-weight:bold; cursor:pointer;} .zz_sub:hover{ background:#980d11;} .zzmenup{ width:1200px; margin:0 auto; text-align:center; padding:35px 0;} .zzmenup ul li{ display:inline-block; height:45px; border-right:1px #d1d1d1 solid; margin-right:40px;} .zzmenup ul li:last-child{ border-right:0; margin-right:0;} .zzmenup ul li a{ display:block; padding:0 36px 0 55px; font-size:16px; color:#333333; line-height:45px;font-family: 微软雅黑, Arial, Helvetica, sans-serif;} .zzmenup ul li:nth-of-type(1) a{ background:url(../images/zz_menu_icon1.png) no-repeat left 50%;} .zzmenup ul li:nth-of-type(2) a{ background:url(../images/zz_menu_icon2.png) no-repeat left 50%;} .zzmenup ul li:nth-of-type(3) a{ background:url(../images/zz_menu_icon3.png) no-repeat left 50%;} .zzmenup ul li a:hover{ color:#e40011;} .z_xcxa{ width:100%; height:854px; background:url(../images/z_xcx_bg1.jpg) no-repeat center center/cover; padding-top:130px;} .z_xcxa .con{ width:520px; height:auto;} .z_xcxa .con .tit{ color:#fff; font-size:36px; font-weight:bold; line-height:55px; margin-bottom:6px;} .z_xcxa .con .conc{ color:#fff; font-size:16px; line-height:33px; margin-bottom:45px;} .z_xcxa .con .more{ display:block; width:180px; height:54px; background:url(../images/z_pmsj_more2.png) no-repeat 80% 50% #fff; border-radius:54px; text-indent:30px; font-size:16px; color:#1a41ab; line-height:54px;} .z_xcxa .con .more:hover{background:url(../images/z_pmsj_more_on.png) no-repeat 80% 50% #d2151a; color:#fff;} .z_xcxb{ padding-bottom:30px;} .z_xcxb .img{ width:703px; height:auto;} .z_xcxb .con{ width:420px; height:auto; padding-top:112px;} .z_xcxb .con .tit{color:#000; font-size:36px; font-weight:bold; line-height:55px; margin-bottom:6px;} .z_xcxb .con .info{ margin:15px auto 35px auto; color:#666666; line-height:30px; font-size:16px;} .z_xcxb .con .conc{ font-size:16px; line-height:30px; color:#333333; margin-bottom:40px;} .z_xcxb .con .more{display:block; width:180px; height:54px; background:url(../images/z_pmsj_more_on.png) no-repeat 80% 50% #d2151a; border-radius:54px; text-indent:30px; font-size:14px; color:#fff; line-height:54px;} .z_xcxb .con .more:hover{background:url(../images/z_pmsj_more_on.png) no-repeat 80% 50% #a20d11;} .z_xcxc{ width:100%; height:1253px; background:url(../images/z_xcx_bg2.jpg) no-repeat center center/cover; padding-top:400px;} .z_xcxc .z_xcxcl{ padding-top:300px; width:330px; color:#fff;} .z_xcxc .z_xcxcl .tit{color:#fff; font-size:36px; font-weight:bold; line-height:55px; margin-bottom:6px;} .z_xcxc .z_xcxcl .info{color:#fff; font-size:16px; line-height:33px; margin-bottom:45px;} .z_xcxc .z_xcxcl .more{display:block; width:180px; height:54px; background:url(../images/z_pmsj_more2.png) no-repeat 80% 50% #fff; border-radius:54px; text-indent:30px; font-size:16px; color:#1a41ab; line-height:54px;} .z_xcxc .z_xcxcl .more:hover{background:url(../images/z_pmsj_more_on.png) no-repeat 80% 50% #d2151a; color:#fff;} .z_xcxc .z_xcxcr{ width:810px;-webkit-box-sizing:border-box;box-sizing:border-box;} .z_xcxc .z_xcxcr .list{ width: 32%; margin: 0 2% 20px 0; float:left; background:#fff; border-radius:8px; padding:80px 10px 60px 10px; text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box; position:relative; z-index:9;} .z_xcxc .z_xcxcr .list:nth-of-type(3n){ margin-right:0; top:0;} .z_xcxc .z_xcxcr .list .icon{} .z_xcxc .z_xcxcr .list .tit{ font-size:22px; color:#333333; font-weight:bolder; line-height:30px; margin:20px auto 10px auto;} .z_xcxc .z_xcxcr .list .info{ font-size:14px; color:#666666; line-height:22px;} /*.z_xcxc .z_xcxcr .list:nth-of-type(1n){ top:94px;} .z_xcxc .z_xcxcr .list:nth-of-type(2n){ top:0;}*/ .container2{ width:1280px; height:auto; margin:0 auto;} .z_xcxd{ padding-bottom:90px;} .z_xcxd .tit{ color:#333333;font-size:36px; font-weight:bold; line-height:55px; margin-bottom:50px;} .z_xcxd .con{} .z_xcxd .con .list{ width: 32%; margin: 0 2% 30px 0; float:left; background:#f7f7f7; border-radius:8px; padding:80px 10px 60px 10px; text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box; position:relative; z-index:9;} .z_xcxd .con .list:nth-of-type(3n){ margin-right:0; top:0;} .z_xcxd .con .list .icon{} .z_xcxd .con .list .ntit{ font-size:22px; color:#333333; font-weight:bolder; line-height:30px; margin:20px auto 10px auto;} .z_xcxd .con .list .info{ font-size:14px; color:#666666; line-height:22px;} @media screen and (max-width:1400px) { .z_xcxc .z_xcxcl .tit{ font-size:32px;} } /*2023.3.22 end*/